淡入/淡出多个图像JQuery PHP

时间:2011-12-06 11:54:17

标签: php jquery fadein fadeout

我有这样的代码。

<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秒后)。

希望这种解释绰绰有余。

由于 Haan的

1 个答案:

答案 0 :(得分:1)

这样的事情应该有效:

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