Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Помогите сделать простую анимацию (https://javascript.ru/forum/jquery/29765-pomogite-sdelat-prostuyu-animaciyu.html)

zemelea 10.07.2012 15:27

Помогите сделать простую анимацию
 
Здравствуйте. Буду благодарен если поможете осуществить следующее:
Есть к примеру 5 картинок, у всех изначально style="display: none";
Нужно чтобы они поочерёдно появлялись, и каждая новая картинка заменяла бы собой предыдущую. Пробовал так:
$('#img1').slideUp(300).delay(800).fadeIn(400);
$('#img2').slideUp(300).delay(800).fadeIn(400);

Но почему то у меня не работает delay();

Deff 10.07.2012 15:52

zemelea,
Такое подойдёт ? http://javascript.ru/forum/jquery/29...tml#post187526

zlodeeev 11.07.2012 15:18

Ваши строки, кстати, рабочие абсолютно, но делают они немного другое. Приведу свой простенький пример.
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, время: 05:38.