jquery - 制作一个 Jquery shuffle Gallery

Question

我正在尝试做一个随机播放幻灯片，就像这个网站一样。这是一个带有随机播放和淡入淡出的画廊，但我只有这个代码：

<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>

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

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();
    })();
});​

演示。

更新：也许你想要一个像这样的随机排序的图像动画。