Cycle.js IE7/8ページャーをクリックすると、点滅しません。

Question

プロジェクトにCycle.jsを使用しています。静的なナビゲーション領域を作成し、ページャーを使用しています。サイクルでは、表示するスライドをクリックすることができます。すべての主要なブラウザ、FF、Safari、Chrome、IE9などですべてが正常に見えます。しかし、IE 7と8では、期待どおりにフェードしません。白く点滅し、次のスライドが点滅して表示されます。私はそれがなぜなのか不思議です。私は完全にページングを削除し、それがうまくフェード例えば3000のTIMOUTに置く場合

。ページャーに問題がありますか？ 私は基本的にちょうどCycle.jsプロジェクトのサイトの例からそのまま使用しました（以下のコメントのようにインデックス値を変更した場合を除く）。hereと表示されています。このマークアップはすぐに変更されますが、それは今手元にある問題に関連している可能性がどのように表示されていない

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

：

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は、かなりまっすぐ進む次のようになります。

アイデア？ありがとう。

Answer 1

私は私の誤りが何かを理解しました。スライドを含むHTMLには、コンテナと他の2つの要素imgとaがありました。非常にシンプルなもの：

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

と遷移がちょうど点滅を引き起こしていた、そして次のスライドは白のみを示すの瞬間の後に表示されます。移行は動作しません（フェード、turnDownなど）。これを修正するには、コンテナdivに背景色を追加しなければなりませんでした。これはIEの条件で行いました。 imgはdivと同じサイズであり、アンカーは絶対配置されているので、私にとってはこれがうまくいきます。