Question

我的淡入淡出动画在IE7＆amp; 8.而不是淡入淡出，下一个幻灯片内容将被渲染，并且两个幻灯片都会出现并与指定的动画持续时间混合在一起。

对此有何修复？

我发布了FlexSlider的“支持”Feed，但它没有得到很好的监控，所以我转向了。

这是我的电话：

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

FlexSlider文档：

http://flex.madebymufffin.com/

Answer 1

我有同样的问题，“修复”我使用if / else语句从flex7滑块使用的IE7 / 8中删除animationDuration的问题。

这确实意味着它在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

无法复制。

但是，我确实在我的错误控制台中得到了这个。如果这导致其他东西为您抛出错误，那么它可能会中断某些jQuery事件的传播。

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

如果该脚本中的某些内容至关重要，我可以预见问题。

Answer 3

我注意到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>

FlexSlider淡化IE7和8中的动画

3 个答案: