在IE和WebKit浏览器jQuery的周期淡入/输出问题（仅在第一个周期！）

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

我没有测试过，但你可以总是添加一类“隐藏“到其他图像并将其设置为显示：无;然后只是在“隐藏”和“显示”之间“翻转”类（或者你决定调用它们的任何东西）

Answer 2

我在某处读取容器的黑色背景，所以我做了。 。在IE7所以：

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

不能伤害尝试;）

Answer 3

固定的问题。

我用完整版本替换了缩小脚本，并解决了问题。谢谢你的帮助Mikey & Louis。