Cycle.js IE7/8點擊尋呼機導致它眨眼，不褪色

我正在使用Cycle.js的項目。我創建了一個靜態導航區域並使用尋呼機：在循環中允許用戶單擊要查看的幻燈片。在所有主流瀏覽器，FF，Safari，Chrome，IE9等中，一切看起來都很好。但是在IE 7和8中，它並沒有像預期的那樣褪色。它閃爍到白色，然後下一張幻燈片閃爍到視圖中。至於爲什麼，我很困惑。Cycle.js IE7/8點擊尋呼機導致它眨眼，不褪色

如果我完全刪除了這個分頁，並且放入了一個3000的timout，例如它就好了。尋呼機有問題嗎？我基本上只是從Cycle.js項目站點示例中直接使用它（除了修改索引值，如下所述），看到here。

jQuery(function($){ 
     $('.Slides').cycle({ 
      fx:  'fade', 
      timeout: 0, 
      pager: '#nav', 
      pagerAnchorBuilder: function(idx,slide){ 
       idx -= 1 // we don't want the first slide so reduce the index # by 1 
       return '#nav div:eq(' + idx + ') '; 
      } 
     });

的HTML看起來很簡單的，像這樣：

 <div id="nav"> 
      <div id="stage_1"></div> 
      <div id="stage_2"></div> 
      <div id="stage_3"></div> 
     </div>

此標記將很快改變，但不知道怎樣可能被現在涉及到手頭的問題。

任何想法？謝謝。

來源

2011-09-28 inreflection7

我想清楚我的錯誤是什麼。包含幻燈片的HTML包含一個容器和兩個其他元素，img和a。很簡單的東西：

<div class="slide"> 
    <img src="path_to_my_img" /> 
    <a href="path_to_another_page">Link Text</a> 
</div>

而過渡只是引起眨眼，下一張幻燈片會出現在只顯示白色的時刻後。沒有轉換可以工作（淡入淡出，掉頭等）。爲了解決這個問題，我只需要在容器div中添加一個背景顏色，這在IE中是有條件的。對我來說，這是可行的，因爲img與div的大小相同，並且錨點絕對定位。

來源

2011-09-29 14:37:18 inreflection7

Cycle.js IE7/8點擊尋呼機導致它眨眼，不褪色

回答

相關問題