Question

我正在尝试进行随机幻灯片播放，例如this site。这是一个带有随机播放和淡入淡出的画廊，但我只有这段代码：

<div class="slideshow">    
     <img src="http://davy0324.netne.net/dummys/dummy1.jpg">
     <img src="http://davy0324.netne.net/dummys/dummy2.jpg">
     <img src="http://davy0324.netne.net/dummys/dummy3.jpg">
     <img src="http://davy0324.netne.net/dummys/dummy4.jpg">
     <img src="http://davy0324.netne.net/dummys/dummy5.jpg">
</div>

你能帮帮我吗？我已经处理了shuffles代码，但是他们从一个按钮开始，但我不想要按钮，我想要一个自动画廊，在网站上无限期地重复。

Answer 1

您的意思是（使用jQuery）

$(function(){
    (function(){
        var imgs=$('.slideshow img');
        var i=0;
        function shuffle()
        {
            $(imgs[i]).fadeIn(2000, function(){
                i=(i < imgs.length-1) ? (i+1) : 0;
                setTimeout(function(){
                    $('.slideshow img').fadeOut(2000);
                    shuffle();
                }, 2000);
            });
        }
        shuffle();
    })();
});

DEMO

更新：您可能想要一个像this one这样的随机有序图像动画。

制作一个Jquery shuffle Gallery

1 个答案: