强制 IE 清除图像

Forcing IE to clear an image

本文关键字:图像 清除 IE 强制      更新时间:2023-09-26

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

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

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

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

从 DOM 中删除 IMG 标签并重新插入,然后再交换 SRC。

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