Как использовать функцию «stopAuto» в bxslider?

Question

У меня есть ползунок bx, который имеет 6 изображений. Я хочу пройти через каждый из них, а затем остановиться на секунду, а затем начать снова, а затем остановиться еще на одну секунду и т. Д. Это упоминается здесь (http://bxslider.com/options), но без полного примера.

Это код, который у меня есть. Он не останавливает навигационные изображения.

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

Извините за хронический вопрос. Я все еще новичок в jQuery.

Answer 1

опция Set autoDelay и onSlideAfter функция

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