BxSlider——点击幻灯片下一步

Question

我不想使用 prev/next 控件，而是想将幻灯片本身变成下一个按钮。非常简单的功能，但我似乎无法弄清楚。

这是我的：

$(document).ready(function() {
  $('.bxslider').bxSlider({
    adaptiveHeight: true,
    easing: 'cubic-bezier(0.600, 0.060, 0.500, 1)'
  });
  $('.bxslider').click(function() {
    slider.goToNextSlide();
    return false;
  });
});

Answer 1

首先，像这样创建一个滑块实例

var slider = $('.bxslider').... 然后将 onClick 附加到相同的输入。

像这样的东西应该有用。

var slider = $('.bxslider').bxSlider({
    adaptiveHeight: true,
    easing: 'cubic-bezier(0.600, 0.060, 0.500, 1)'
}).on('click', function(){
    slider.goToNextSlide();
});

BxSlider——点击幻灯片下一步

BxSlider—Click Slide for Next

javascript

jquery

slider

bxslider