Question

bxslider中是否有任何选项可以onSlideBefore进行暂停转换？

类似这样的事情

$('#bxslider').bxSlider({
  onSlideBefore: function(){
    pause: 100
  }
});

Answer 1

根据documentation，您可以执行类似（未经测试）的操作：

$('#bxslider').bxSlider({
  onSlideBefore: function(){
    $('#bxslider').stopAuto();
    var ctx = setTimeout(function() {
       $('#bxslider').goToNextSlide().startAuto();
       clearTimeout(ctx);
    }, 100); // delay
  }
});

Answer 2

您可以使用Bxslider提供的2个选项，“自动”和“暂停”来完成此操作。

名称建议的

“auto” 使滑块自动化，而最终用户无需点击任何按钮进行滚动， “暂停” 确定幻灯片之间的延迟。如果您未指定，则默认延迟为 4000ms ，但您可以输入自己的值。

所以你可以简单地做一个自动滑块，在图像之间延迟1秒。

$('#bxslider').bxSlider({
    auto: true,
    pause: 1000       
});

这是展示此效果的working demo。 jQuery，jQuery UI，BxSlider等工具旨在简化我们的工作。所以让我们保持简单。

bxslider：如何在`onSlideBefore`中暂停？

2 个答案: