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

【问题标题】：bxslider : how to make pause in `onSlideBefore` ?bxslider：如何在 `onSlideBefore` 中暂停？
【发布时间】：2013-10-03 12:08:42
【问题描述】：

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

类似的东西

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

【问题讨论】：

标签： javascript jquery css carousel bxslider

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

您只需使用 Bxslider 的 2 个选项“自动”和“暂停”即可完成此操作。

“自动” 顾名思义，使滑块自动化，最终用户无需单击任何按钮即可滚动并“暂停” 确定幻灯片之间的延迟。如果不指定默认延迟为4000ms，但可以输入自己的值。

因此，您可以简单地执行此操作，以在图像之间设置一个延迟 1 秒的自动滑块。

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

这里有一个working demo 来演示这个效果。 jQuery、jQuery UI、BxSlider 等工具旨在为我们简化事情。所以让我们保持简单。

【讨论】：