javascript - BxSlider—单击“幻灯片”查看下一个

Question

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

这就是我所拥有的:

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

首先，创建一个像这样的 slider 实例

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