JQuery SlideShow的图像并不总是加载正确的大小

Question

您好我添加了一个JQuery SlideShow，其中包含6个图像，每个图像的大小为548px X 320px

出于某种原因，有时当页面首次加载时，这些图像看起来非常小。刷新页面时，图像显示正常大小。再一次，每次都不会发生这种情况。我不确定这是否是一个JavaScript错误，因为当我在JFiddle中运行时，插件的js文件中存在JavaScript错误。

http://jsfiddle.net/Mutant_Tractor/Re9pt/3/

我在其他网站上注意到他们实现了某种类型的PreLoad（）。我没有。

这是HTML：

    <div id="top-feature">
    <div class="slideshow">
        <img alt="image1" src="images/slide1.png" />
        <img alt="image2" src="images/slide2.png" />
        <img alt="image3" src="images/slide3.png" />
        <img alt="image4" src="images/slide4.png" />
        <img alt="image5" src="images/slide5.png" />
        <img alt="image6" src="images/slide6.png" />
    </div>

这是CSS：

#top-feature {
height: 320px;
width: 848px;
margin: 12px 0 0 16px;
background: orange;
/*padding: 10px 0 0 10px;*/
position: absolute;
text-align: left;
}

#top-feature div {
/*float: left;*/
}
.slideshow {
height: 320px;
width: 548px;
margin: 0 0 0 0;
/*background: blue;*/
position: absolute;
}

Answer 1

您可以尝试将width和height属性添加到幻灯片的<img>标记中。 IE可能正在失去对图像大小的追踪。即使不是指定<img>标签中的尺寸的问题也是一个好习惯，所以它不会受到伤害。

Answer 2

这会做你想做的事吗？

JSFiddle