製作一個jquery shuffle圖庫

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> 

你能幫助我嗎？我已經處理了洗牌代碼，但他們以一個按鈕開始，但我不想要按鈕，我想要一個自動畫廊，並在網站中無限期地重複。

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。