Помогите сделать простую анимацию
Здравствуйте. Буду благодарен если поможете осуществить следующее:
Есть к примеру 5 картинок, у всех изначально style="display: none"; Нужно чтобы они поочерёдно появлялись, и каждая новая картинка заменяла бы собой предыдущую. Пробовал так: $('#img1').slideUp(300).delay(800).fadeIn(400); $('#img2').slideUp(300).delay(800).fadeIn(400); Но почему то у меня не работает delay(); |
zemelea,
Такое подойдёт ? http://javascript.ru/forum/jquery/29...tml#post187526 |
Ваши строки, кстати, рабочие абсолютно, но делают они немного другое. Приведу свой простенький пример.
var img_number = 0; var intId = setInterval(function(){ if(typeof $('#img'+img_number) != 'unfined'){ $('#img'+(img_number-1)).fadeOut(400); $('#img'+img_number).fadeIn(400); img_number++; } else {clearInterval(intId)}//тут можно или остановить слайдер на последней картинке, либо запустить по кругу сделав img_number =0 } , 1000) |
Часовой пояс GMT +3, время: 01:09. |