jQuery - повторить изображения

Question

У меня этот код в jQuery. И у меня есть этот код для 6 изображений, но когда он находится на 6, он останавливается. Я хочу повторить, что из 1. Как я могу это сделать?

<script type="text/javascript"> 
$(document).ready(function() { 

    var $slider = $('#slider'), 
     $prev = $('#prev'), 
     $next = $('#next'), 
     $slide = $slider.find('div'); 

    var currentSlide = 0, 
     allSlides = $slider.find('div').length - 1; // index start from 0 


    $slider.find('div').eq(0).show(); 

    function nextSlide() { 

     if(currentSlide < allSlides) { 

      $slide.eq(currentSlide).fadeOut('slow'); 
      $slide.eq(currentSlide + 1).fadeIn('slow'); 

      currentSlide+=1; 
     } 

    } 
    setInterval(function() { 
     nextSlide(); 
}, 5000); 
    function prevSlide() { 

     if(currentSlide > 0) { 

      $slide.eq(currentSlide).fadeOut(400); 
      $slide.eq(currentSlide - 1).fadeIn(400); 

      currentSlide-=1; 
     } 
    } 
    $next.on('click', nextSlide); 
    $prev.on('click', prevSlide); 

}); 
</script> 

Answer 1

currentSlide Просто установите слайд, из которого Вы начали

function nextSlide() { 

    if(currentSlide < allSlides) { 

     $slide.eq(currentSlide).fadeOut('slow'); 
     $slide.eq(currentSlide + 1).fadeIn('slow'); 

     currentSlide+=1; 
    }else{ 
     currentSlide = 0; 
    } 

} 

Для prev установить currentSlide в последний

function prevSlide() { 

    if(currentSlide > 0) { 

     $slide.eq(currentSlide).fadeOut(400); 
     $slide.eq(currentSlide - 1).fadeIn(400); 

     currentSlide-=1; 
    }else { 
     currentSlide = allSlides-1;  
    } 
}