1


我有一组图像，需要用下一张替换它们的来源。
我设法做到了，但是如何让它无限循环，
所以最后一个图像应该得到第一个图像的来源，等等。
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);
4

1 回答 1

4

您可以使用

var index2 = (index % 5) + 1;

因此，如果索引为 5，则变为 1

于 2013-05-25T12:06:35.077 回答