Анимация FlexSlider Fade не работает в IE7 и 8

Question

Моя анимация затухания нарушена в IE7 и 8. Вместо того, чтобы затухать, рендерится содержимое следующего слайда, и оба слайда присутствуют и смешиваются вместе для указанной animaionDuration.

Какие-нибудь исправления для этого?

Я опубликовал в фиде поддержки FlexSlider, но он не очень хорошо отслеживается, поэтому я перехожу к SO.

Вот мой звонок:

$('.flexslider').flexslider({
    slideshow: true,
    slideshowSpeed: 6000,
    animation: "fade",
    animationDuration: 500
});

FlexSliderДокументация здесь:

http://flex.madebymufffin.com/

Answer 1

У меня была та же проблема, чтобы «исправить» проблему, я использовал оператор if / else для удаления animationDuration из IE7 / 8, который использует flex-слайдер.

Это означает, что он не так хорош в IE8 / 7, но исправляет проблему и оставляет все последние браузеры выглядящими так, как вы и планировали!

if ($().flexslider) {
    if (window.navigator.userAgent.indexOf('MSIE 8.0;') > 0) {
        $('.flexslider').flexslider({
            slideshowSpeed: 5000,
            animation: "fade",
            animationDuration: 0,
            controlNav: false,
            pauseOnHover: true,
            directionNav: true
        });
    } else{
        $('.flexslider').flexslider({
            slideshowSpeed: 5000,
            animation: "fade",
            controlNav: false,
            pauseOnHover: true,
            directionNav: true
        });
    }
}; 

Надеюсь, это поможет!

Answer 2

Я заметил, что IE7 не поддерживает анимацию «затухания». Я не знаю почему. Основываясь на всех ответах выше, я отредактировал вызов сценария следующим образом, и он работал. Для хороших браузеров у меня есть эффект «затухания», а для IE7 - «слайд».

<script type="text/javascript">
$(window).load(function(){
    if (window.navigator.userAgent.indexOf('MSIE 7.0;') > 0) {
        $('.flexslider').flexslider({
            animation: "slide"
        });
    } else {
        $('.flexslider').flexslider();
    }
});
</script>

Answer 3

Невозможно скопировать.

Однако я получил это в своей консоли ошибок. Если это вызывает что-то другое для вас, то это может прерывать распространение некоторых событий jQuery.

http://web2carz.rawdesigns.net/common/js/awkward.js Failed to load resource: the server responded with a status of 404 (Not Found)

Если что-то в этом сценарии жизненно важно, я могу предвидеть проблемы.