Fade In / Out нескольких изображений JQuery PHP - PullRequest
1 голос
/ 06 декабря 2011

У меня есть такой код.

<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 секунды).

Надеюсь, это объяснение болеечем достаточно.

Спасибо, Хаан

1 Ответ

1 голос
/ 06 декабря 2011

примерно так должно работать:

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