1

我有一个弹出窗口中的图像标签。此弹出窗口显示取决于用户单击内容的图像。弹出窗口关闭(这只是隐藏弹出窗口,它不会从 DOM 中删除任何内容),然后单击一个新项目,然后重新显示弹出窗口,并将图像的 src 属性更改为新的。

我遇到的问题是,在 IE 中,它会保留旧图像,直到下载新图像。通常这不是问题,但图像是对处理程序的调用,可能需要几秒钟。通过将 src 属性设置为空,然后将其设置为处理程序,我能够在 IE8 和 IE9 中解决此问题。这在插入新图像之前正确清除了图像。

但是,此解决方案在 IE7 中不起作用。我打算使用一个小的透明 gif 作为 src 而不是空的,这样它就会快速换出图像,然后开始加载下一个。我将在页面中添加一个图像标签,以便将其缓存在用户浏览器中,从而使图像加载接近即时。这听起来像是一个好的解决方案吗?有没有我忽略的主要缺点或警告?

这很hacky,我真的很想要一种更优雅的方式。

4

1 回答 1

2

从 DOM 中移除 IMG 标签并在交换 SRC 之前重新插入它。

或者,您可以使用数据 URI并使用编码为 Base64 的空白图像。

于 2012-05-24T18:53:42.230 回答