淡入/淡出多個圖像JQuery PHP

Question

我有這樣的代碼。

<div id="all_sign"> 
<img src="images/sign1.jpg" id="sign1" /> 
<img src="images/sign2.jpg" id="sign2" /> 
<img src="images/sign3.jpg" id="sign3" /> 
<img src="images/sign4.jpg" id="sign4" /> 
<img src="images/sign5.jpg" id="sign5" /> 
</div> 

輸出應該是這樣的第一個。
sign1.jpg sign2.jpg sign3.jpg sign4.jpg sign5.jpg

加載所有五個圖像之後，將每個圖像應該淡出隨機（說2秒），再次應該淡入（ 2秒後）。

希望這個解釋綽綽有餘。

感謝 阿里漢

Answer 1

這樣的事情應該工作：

$('#all_sign img').each(function(index){ 
    $(this).delay(index*1000).fadeIn(500,function(){ $(this).fadeOut(500); }); 
});