制作一个 Jquery shuffle Gallery

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>

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

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。