我有一个弹出窗口中的图像标签。此弹出窗口显示取决于用户单击内容的图像。弹出窗口关闭(这只是隐藏弹出窗口,它不会从 DOM 中删除任何内容),然后单击一个新项目,然后重新显示弹出窗口,并将图像的 src 属性更改为新的。
我遇到的问题是,在 IE 中,它会保留旧图像,直到下载新图像。通常这不是问题,但图像是对处理程序的调用,可能需要几秒钟。通过将 src 属性设置为空,然后将其设置为处理程序,我能够在 IE8 和 IE9 中解决此问题。这在插入新图像之前正确清除了图像。
但是,此解决方案在 IE7 中不起作用。我打算使用一个小的透明 gif 作为 src 而不是空的,这样它就会快速换出图像,然后开始加载下一个。我将在页面中添加一个图像标签,以便将其缓存在用户浏览器中,从而使图像加载接近即时。这听起来像是一个好的解决方案吗?有没有我忽略的主要缺点或警告?
这很hacky,我真的很想要一种更优雅的方式。