IE 和 Webkit 浏览器中的 jQuery Cycle 淡入/淡出问题(仅在第一个周期!)

Question

我正在使用此网站上的流行插件:

http://demos.discipleportal.com/MTO/

由于某种原因，在 IE 7 和 8、Chrome 和 Safari 中，当图像在第一轮循环中淡入/淡出时，较低级别的图像会显示出来。因此，当下一张幻灯片淡入时，您会看到下一张幻灯片下面的内容。不知道如何解决此问题。

脚本:

$('.slideshow').cycle({     
        fx:    'fade', 
        speed:    2500,
        timeout:  6000
    }); 

html:

<div class="slideshow">
<img src="images/p1.jpg" alt="" class="first" /> 
<img src="images/p2.jpg" alt="" height="427" width="329" /> 
<img src="images/p3.jpg" alt="" height="427" width="329" /> 
<img src="images/p4.jpg" alt="" height="427" width="329" /> 
<img src="images/p5.jpg" alt="" height="427" width="329" /> 
<img src="images/p6.jpg" alt="" height="427" width="329" /> 
<img src="images/p7.jpg" alt="" height="427" width="329" /> 
<img src="images/p8.jpg" alt="" height="427" width="329" /> 
<img src="images/p9.jpg" alt="" height="427" width="329" /> 
</div>

CSS:

.slideshow {
height: 427px;
left: 50px;
position: absolute;
top: 495px;
width: 329px;
z-index: 10;
}

非常感谢任何帮助

Answer 1

我还没有测试过它，但是你总是可以向其他图像添加“隐藏”类并将其设置为显示:无；然后只需在“隐藏”和“显示”之间“翻转”类(或者您决定如何调用它们。