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点击寻呼机导致它眨眼，不褪色

回答

相关问题