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中破壞

回答

相關問題