jquery - jQueryはリスト内の画像ソースを次のものに置き換え、最後からやり直します

Question

画像のセットがあり、それらのソースを次のものに置き換える必要があります。
私はそれをなんとかしましたが、それを無限にループさせる方法な
ので、最後の画像は最初の画像のソースを取得する必要があります.I
- 1,2,3,4,5
II - 2,3,4,5,1
III - 3,4,5,1,2
など
そして、私は
I - 1,2,3,4,5
II- 2,3,4,5,5
III - 3,4,5,5,5
などを持っています。
クローンで何かを試しましたが、永遠にクローンすることはできません。
ここにフィドルがあります - http://jsfiddle.net/lima_fil/q7vtG/3/

    <div class="slide">
        <div class="slider-image">
            <a href="#"><img src="image1.jpg" title="Title 1 " alt=""></a>
        </div>
    </div>
    <div class="slide">
        <div class="slider-image">
            <a href="#"><img src="image2.jpg" title="Title 2 " alt=""></a>
        </div>
    </div>

そしてjQuery

//Clone all slides - so that last image have next image
    $('.slide').clone().appendTo('.slider').addClass('slide-hidden');   

        var interval = setInterval(function(Slajder){
            $(".slide").each(function( index ) {
                var index2 = index + 1;
// Replace Current Image with next Image
                $('.slide:nth-child(' + index + ') img').attr('src', $('.slide:nth-child(' + index2 + ') img').attr('src'));
            });
        }, 5000);

Answer 1

使用できます

var index2 = (index % 5) + 1;

index が 5 の場合は 1 になります