Ползунок не зацикливается дважды?

Question

У меня возникли проблемы с тем, почему мой слайдер не будет дважды зацикливаться на всех 3 моих слайдах, которые у меня есть в переменной numSlides, а затем после того, как третье изображение исчезло из окончательного цикла, исчезнет в первом, а затем остановится. Есть предположения? Я ударил блок по этому поводу.

var slide = $(".container .slide"); 
var slideIndex = -1; 
var numSlides = 3; 

function showNextSlide() { 
    if (slideIndex < 2* numSlides) { 
     ++slideIndex; 
     slide.eq(slideIndex % slide.length) 
      .fadeIn(700) 
      .delay(4000) 
      .fadeOut(700, showNextSlide) 
      .delay(11000); 
      $('.container .slide:first-child').fadeIn(700); 
    } 
}  

showNextSlide(); 

http://jsfiddle.net/wyz6c873/

Answer 1

вы должны переопределить slideIndex

function showNextSlide() { 
     if (slideIndex < 2* numSlides) { 
      ++slideIndex; 
      slide.eq(slideIndex % slide.length) 
       .fadeIn(700) 
       .delay(4000) 
       .fadeOut(700, showNextSlide) 
       .delay(11000); 
       $('.container .slide:first-child').fadeIn(700); 
     } else slideIndex = -1; 
    }