Показать сообщение отдельно
  #1 (permalink)  
Старый 05.02.2015, 08:04
Интересующийся
Отправить личное сообщение для mastersss Посмотреть профиль Найти все сообщения от mastersss
 
Регистрация: 05.02.2015
Сообщений: 14

Последовательная смена элементов в цикле с паузой
Приветствую всех!!!
Подскажите, пожалуйста:
Цель - в цикле с задержкой 5сек выводить в одном месте старницы по очереди один из четырех дивов.
Предыдущий затухает до невидимости, следующий начинает проявляться и т.д.
Сверстал все 4 дива на странице и в js сделал:
$( '.flash2' ).hide();
$( '.flash3' ).hide();	
$( '.flash4' ).hide();

что бы показывался только первый.

Далее цикл(для пробы только 1 круг):
for ( var i = 1; i < 5; i++ ) {
 var j = i + 1; if (j == 5){j = 1;}
 $( '.flash'+i ).fadeOut(2000);
 $( '.flash'+j ).fadeIn(2000);
}

Задержку как ни пытался воткнуть между сменой - не хочет работать и цикл пробегает сразу - показывая на странице сразу все дивы, которые постепенно затухают

Ну и естественно все это внутри
$(document).ready(init);
function init(){
......
}

Последний раз редактировалось mastersss, 05.02.2015 в 08:07.
Ответить с цитированием