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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/css/214322.html

猜你在找的CSS相关文章