FlexSlider淡入淡出动画在IE7＆8中破坏

我的淡入淡出动画在IE7中被破坏& 8.不是淡入淡出，而是呈现下一张幻灯片内容，并且这两张幻灯片都存在并为指定的动画持续时间一起混合。FlexSlider淡入淡出动画在IE7＆8中破坏

对此有任何修复？

我发布了FlexSlider的'支持'feed，但它没有很好的监控，所以我转向SO。

这里是我的电话：

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

FlexSlider文档浏览：

http://flex.madebymufffin.com/

来源

2012-02-10 robabby

我有同样的问题，以'解决'我用if/else语句从IE7/8中删除animationDuration的问题，这是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 
     }); 
    } 
};

希望这有助于！

来源

2012-05-22 15:40:07 Gareth

完美地工作。请注意，“animationDuration”参数现在是“animationSpeed”。 – nullPainter 2013-11-23 23:58:50

无法复制。

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

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

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

来源

2012-02-10 23:33:49

该表针对该页面的完整版本中的不同滑块。与FlexSlider没有任何关系。感谢您的检查！ – robabby 2012-02-13 00:46:15

是的，但我跑你的样品通过IE 7和8，看到没有问题。 – 2012-02-13 00:52:03

这是一个有趣的问题，因为问题需要时间才能在我的氛围中开始渲染，以及我的团队中的其他人。这只是IE7＆8，从第一次查看开始几天，直到它开始拼凑幻灯片。也许在FlexSlider中有一些错误......也许一旦我们发布它就会自行解决。现在在本地开发了一段时间......再次感谢您花时间检查！ – robabby 2012-02-14 02:51:08

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

来源

2012-08-16 14:58:41 Albert

FlexSlider淡入淡出动画在IE7＆8中破坏

回答

相关问题