css - Flexslider 自定义下一个/上一个按钮

Question

我曾经使用 jQuery Cycle 插件，因为我喜欢它的自定义非常容易，例如插入我选择的自定义 HTML 元素并简单地为它们分配“下一个”或“上一个”按钮功能。

但是，我在 Flexslider 中找不到执行此操作的方法，我只看到自定义分页的选项。例如manualControls。

有谁知道在 Flexslider 中执行此操作的方法？例如，将图像或锚点设置为“下一步”按钮。

Answer 1

像这样的东西怎么样：

$('.slider').flexslider({
    directionNav: false,
    controlNav: false
})

$('.prev').on('click', function(){
    $('.slider').flexslider('prev');
    return false;
})

$('.next').on('click', function(){
    $('.slider').flexslider('next');
    return false;
})

演示

或者如果你不想写 2 次，你也可以这样做：

$('.slider').flexslider({
    directionNav: false,
    controlNav: false
})

$('.prev, .next').on('click', function(){
    var href = $(this).attr('href');
    $('.slider').flexslider(href);
    return false;
})      

演示 v2