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;
})

演示

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

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

演示v2