Показать сообщение отдельно
  #5 (permalink)  
Старый 02.04.2012, 00:19
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

В квери можно устанавливать задержку перед след. эффектом. Таким образом, код упрощается.

<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>

Последний раз редактировалось melky, 02.04.2012 в 00:22.
Ответить с цитированием