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

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

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

How to use "stopAuto" function in bxslider?

javascript

jquery

bxslider