如何使用＆＃34; stopAuto＆＃34; bxslider中的函数？

Question

我有一个bx滑块，有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
});