Image IE预加载图像错误?

Image IE预加载图像错误?,image,internet-explorer,preloading,Image,Internet Explorer,Preloading,好的,我正在为我的图像滑块调用来自精灵的图像。当一个页面被加载时,所有的幻灯片图像都会水平显示,从而使它看起来像被窃听了一样。我们制定的解决方案是将图像设置为预加载。它在Firefox中运行良好,但在IE中似乎存在漏洞。下面是两行重要的代码(由于IE中的另一个bug,我们将间隔符放在了一起): 有什么建议可以让它在IE中工作吗 谢谢 有几件事: 如果!对于非IE浏览器来说,IE是多余的,因为只有IE才理解条件注释,而且您实际上是在用不必要的不同语法重复相同的操作两次 您需要更正IE特定图像-w

好的,我正在为我的图像滑块调用来自精灵的图像。当一个页面被加载时,所有的幻灯片图像都会水平显示,从而使它看起来像被窃听了一样。我们制定的解决方案是将图像设置为预加载。它在Firefox中运行良好,但在IE中似乎存在漏洞。下面是两行重要的代码(由于IE中的另一个bug,我们将间隔符放在了一起):

有什么建议可以让它在IE中工作吗

谢谢

有几件事:

  • 如果!对于非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;}