В квери можно устанавливать задержку перед след. эффектом. Таким образом, код упрощается.
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<ul>
<li><img src="http://cs9775.userapi.com/g34580657/e_0b7a4d23.jpg"></li>
<li><img src="http://cs941.userapi.com/g1074652/e_1b5f8f2e.jpg"></li>
</ul>
<script>
$('img').each(function(i){
// i - индекс текущего элемента в коллекции
$(this).css({opacity:1, display:'none'}).delay(i*1000+600).fadeIn(600);
// задержка для первой ---> 1000*0+600 => 600
// для второй ----> 1000*1+600 => 1600
// т.е. между появлениями разница в 1 сек.
});
</script>
|