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

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

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

1 个答案: