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