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

我习惯使用jQuery循环插件,因为我喜欢自定义很容易,例如插入我选择的自定义 HTML元素,并简单地分配它们的“下一个”按钮功能.

我在Flexsider中找不到一个方法,但是我只看到一个自定义分页的选项？例如manualControls

有人知道在Flexslider中执行此操作吗？例如.将图像或锚点设置为“下一个”按钮.

解决方法

这样的事情呢

$('.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

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

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

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

Demo v2

原文地址：https://www.jb51.cc/css/214322.html