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

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

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

有人知道在Flexslider中执行此操作的方法吗？例如。将图片或 anchor 设置为“下一个”按钮。

最佳答案

这样的事情怎么样:

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

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

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

Demo

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

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

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

Demo v2

关于css - Flexslider自定义下一个/上一个按钮，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18239432/