Как добавить анимацию в слайдер?

Есть простенький код смены содержимого div:
$(document).ready(function() {
    $('.slider-block1').eq(0).addClass('active').fadeIn(1000);

    setInterval('sliderBlock1();', 5000);
});


function sliderBlock1() {
    var length = $('.slider-block1').length - 1;
    $('.slider-block1').each(function(index) {
        if($(this).hasClass('active') && index != length) {
            $(this).removeClass('active').fadeOut(1000).next('.slider-block1').addClass('active').delay(1000).fadeIn(1000);
            return false;
        } else if (index == length) {
            $(this).removeClass('active').fadeOut(1000);
            $('.slider-block1').eq(0).addClass('active').delay(1000).fadeIn(1000);
            return false;
        }
    });
};

сейчас один div просто сменяется другим, а хотелось бы добавить небольшую анимацию, что бы div уходил вниз, а на смену него сверху появлялся другой div, как это можно сделать?
  • Вопрос задан
  • 267 просмотров
Пригласить эксперта
Ответы на вопрос 2
IonDen
@IonDen
JavaScript developer. IonDen.com
У вас слишком много JS, все делается гораздо проще: jsfiddle.net/IonDen/m85xdqeo

А дальше можно экспериментировать с эффектами: jsfiddle.net/IonDen/m85xdqeo/1
Ответ написан
LittleFatNinja
@LittleFatNinja
горе девелопер, любитель лютой садомии
возьми готовый слайдер
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы