<img> 使用 IE 11 更新 src 时出现闪烁问题答案

【问题标题】：<img> flickering issue updating src with IE 11<img> 使用 IE 11 更新 src 时出现闪烁问题
【发布时间】：2015-01-13 17:44:29
【问题描述】：

我有一个从服务器接收图像标签并希望将其附加到其容器（imageHolder）的方法。它适用于 mac 和 windows 浏览器，但适用于 windows/IE11。对于此浏览器，它会闪烁。不知道如何解决这个问题。

var holder = $('.imageHolder');
holder.empty().append(image);
...

有什么想法吗？？提前致谢

【问题讨论】：

你可以尝试预加载图片...
我认为丹尼尔是对的。您看到的闪烁是因为您必须等待图像下载。
感谢大家的快速回复。那么，为什么这个问题只会出现在 IE11 上呢？
@amanhuipg 您真的希望 Interwebs Exploder 表现得明智吗？哦，耻辱......
@amanhuipg 您可能在 Chrome 或 Firefox 中没有注意到它，但它仍然可能发生。尝试用 jsfiddle 之类的东西重新创建问题，我们会看看它是否真的只是一个 IE11 问题。

【解决方案1】：

你没事。我修改了代码以更改图像 src 而不是删除/附加新标签，现在它可以工作了。

<div class="imageHolder">
    <img id="sharedImage" src="" alt=""/>
</div>

然后，使用 JQuery：

var sharedImage = $('#sharedImage');
sharedImage.attr('src', url);

感谢您的帮助。我很感激。

【讨论】：