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