淡入/淡出多個圖像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); });
});