Image IE预加载图像错误?
好的,我正在为我的图像滑块调用来自精灵的图像。当一个页面被加载时,所有的幻灯片图像都会水平显示,从而使它看起来像被窃听了一样。我们制定的解决方案是将图像设置为预加载。它在Firefox中运行良好,但在IE中似乎存在漏洞。下面是两行重要的代码(由于IE中的另一个bug,我们将间隔符放在了一起): 有什么建议可以让它在IE中工作吗 谢谢 有几件事:Image IE预加载图像错误?,image,internet-explorer,preloading,Image,Internet Explorer,Preloading,好的,我正在为我的图像滑块调用来自精灵的图像。当一个页面被加载时,所有的幻灯片图像都会水平显示,从而使它看起来像被窃听了一样。我们制定的解决方案是将图像设置为预加载。它在Firefox中运行良好,但在IE中似乎存在漏洞。下面是两行重要的代码(由于IE中的另一个bug,我们将间隔符放在了一起): 有什么建议可以让它在IE中工作吗 谢谢 有几件事: 如果!对于非IE浏览器来说,IE是多余的,因为只有IE才理解条件注释,而且您实际上是在用不必要的不同语法重复相同的操作两次 您需要更正IE特定图像-w
- 如果!对于非IE浏览器来说,IE是多余的,因为只有IE才理解条件注释,而且您实际上是在用不必要的不同语法重复相同的操作两次李>
- 您需要更正IE特定图像-width=“900px”不是有效属性(应为width=“900”,无单位)李>
- 无论浏览器如何,最好始终在图像中指定宽度/高度-在预加载的情况下,可以在预加载阶段使用width=“1”height=“1”,因为图像的HTML维度不会影响下载本身
<div id="banner"><div class="slideshow"><!--[if IE]>
<img id="ban_images1" src="images/spacer.gif" width="900px" height="244" border="0"/>
<img id="ban_images2" src="images/spacer.gif" width="900px" height="244" border="0"/>
<img id="ban_images3" src="images/spacer.gif" width="900px" height="244" border="0"/>
<img id="ban_images4" src="images/spacer.gif" width="900px" height="244" border="0"/>
<img id="ban_images5" src="images/spacer.gif" width="900px" height="244" border="0"/>
<img id="ban_images6" src="images/spacer.gif" width="900px" height="244" border="0"/>
<img id="ban_images7" src="images/spacer.gif" width="900px" height="244" border="0"/>
<img id="ban_images8" src="images/spacer.gif" width="900px" height="244" border="0"/>
<img id="ban_images9" src="images/spacer.gif" width="900px" height="244" border="0"/>
<img id="ban_images10" src="images/spacer.gif" width="900px" height="244" border="0"/>
<![endif]-->
<![if !IE]>
<img id="ban_images1" />
<img id="ban_images2" />
<img id="ban_images3" />
<img id="ban_images4" />
<img id="ban_images5" />
<img id="ban_images6" />
<img id="ban_images7" />
<img id="ban_images8" />
<img id="ban_images9" />
<img id="ban_images10" />
<![endif]>
</div>
<div class="slideshowload"><img src="image/main.gif" /></div>
.slideshowload{display:none;}