Помогите сделать простую анимацию
Здравствуйте. Буду благодарен если поможете осуществить следующее:
Есть к примеру 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, время: 20:03. |