Скрипт анимации jQuery запускает только первую функцию анимации в IE - PullRequest
0 голосов
/ 10 июня 2011

Итак, у меня есть этот блок кода Javascript (см. Ниже), и он работает в Firefox, Chrome и Safari.В IE запускается первая анимация function $(".slide1_background").animate({ yada yada yada, а затем ничего.Я попытался поставить предупреждение после него, и оно тоже не сработало.

Для фонового изображения есть отдельный скрипт-слайдер.Это модуль Joomla.

Сайт находится здесь

Может кто-нибудь пролить свет на эту ситуацию?

$(window).load(function() {
    swap();
});

function swap() { //INITIAL LOAD AND SLIDE
    window.setTimeout(function() {
        $(".slide1_background").animate({
            left: '-=1973',
            opacity: '1',
            display: 'block'
        }, 1000, 'easeOutBack');

        $(".slide1_text").animate({
            left: '-=1973',
            opacity: '1',
            display: 'block'
        }, 1000, 'easeOutBack', function() {
            $(".slide2_background").css("left","960px");
            $(".slide2_text").css("left","493px");
            slideInSlide2();
        });
    }, 9000);
};

function slideInSlide2() {
    //BEGINNING OF LOOP
    $(".slide2_background").animate({
        left: '-=468',
        opacity: '1',
        display: 'block'
    }, 1000, 'easeOutBack', function() {

    });

    window.setTimeout(function() {      
        $(".slide2_text").animate({
         left: '-=468',
         opacity: '1',
         display: 'block'
    }, 1000, 'easeOutBack', function() {
        slideOutSlide2();
    });
}, 200);
}

function slideOutSlide2() {
    window.setTimeout(function() {
        $(".slide2_background").animate({
            left: '-=1973',
            opacity: '1',
            display: 'block'
        }, 1000, 'easeOutBack', function() {

        });

        $(".slide2_text").animate({
            left: '-=1973',
        opacity: '1',
        display: 'block'
    }, 1000, 'easeOutBack', function() {
        $(".slide3_background").css("left","960px");
        $(".slide3_text").css("left","960px");
        slideInSlide3();
    });
}, 6800);
};

function slideInSlide3() {
$(".slide3_background").animate({
    left: '-=468',
    opacity: '1',
    display: 'block'
}, 1000, 'easeOutBack', function() {

});

window.setTimeout(function() {
    $(".slide3_text").animate({
        left: '-=468',
        opacity: '1',
        display: 'block'
    }, 1000, 'easeOutBack', function() {
        slideOutSlide3();
    });
}, 200);
}

    function slideOutSlide3() {
        window.setTimeout(function() {
            $(".slide3_background").animate({
            left: '-=1973',
            opacity: '1',
            display: 'block'
        }, 1000, 'easeOutBack', function() {

        });

        $(".slide3_text").animate({
            left: '-=1973',
            opacity: '1',
            display: 'block'
        }, 1000, 'easeOutBack', function() {
            $(".slide1_background").css("left","960px");
            $(".slide1_text").css("left","960px");
            slideInSlide1();
        });
    }, 6800);
};

function slideInSlide1() {
    $(".slide1_background").animate({
        left: '-=468',
        opacity: '1',
        display: 'block'
    }, 1000, 'easeOutBack', function() {

    });

    window.setTimeout(function() {
        $(".slide1_text").animate({
            left: '-=468',
            opacity: '1',
            display: 'block'
        }, 1000, 'easeOutBack', function() {
            slideOutSlide1();
        });
   }, 200);
}

function slideOutSlide1() {
    window.setTimeout(function() {
        $(".slide1_background").animate({
            left: '-=1973',
            opacity: '1',
            display: 'block'
        }, 1000, 'easeOutBack', function() {

        });

        $(".slide1_text").animate({
            left: '-=1973',
            opacity: '1',
            display: 'block'
        }, 1000, 'easeOutBack', function() {
            $(".slide2_background").css("left","960px");
            $(".slide2_text").css("left","493px");
            slideInSlide2(); //LOOP AGAIN
        });
    }, 6800);
};
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...