javascript - 如何在bxslider中使用 "stopAuto"函数？

Question

我有一个 bx slider ，其中有 6 个图像。我想将它们每个都浏览一次，然后停止一秒钟，然后再次开始，然后再次停止一秒钟等等。这里提到了它( http://bxslider.com/options )，但没有完整的示例。

这是我现在的代码。它不会停止导航图像。

<script>
$('.bxslider').bxSlider({
    auto: true,
    autoControls: true,
    speed: 1,
    pause:200
});
</script>

抱歉问了这个蹩脚的问题。我仍然是 jQuery 的新手。

Answer 1

设置autoDelay选项和onSlideAfter函数

演示:http://jsfiddle.net/3h0ewwz4/

var slider = $('.bxslider').bxSlider({
    auto: true,
    autoDelay:2000,
    onSlideAfter: function (slide, oldIndex, newIndex) { // add this function to solve issue
      if (newIndex === 5) { // remember, it's zero based indices with bxslider...5 is index of last image
        slider.stopAuto();
        setTimeout(function () {
            slider.goToSlide(0);
            slider.startAuto();
        }, 2000);
      }
    },
    autoControls: true,
    speed: 1,
    pause:200
});