我正在构建一个有两种图像（高分辨率和低分辨率）的网站。我想首先显示低分辨率图像，因为它通常已预先加载，如果没有，则加载速度更快。
我做的是创建了一个img，其中src设置为低图像网址，然后创建了一个jrc图像，其中src设置为高图像网址。一旦调用javascript图像onLoad函数，我就改变了img的src。 （我没有发布任何代码，因为我在React中编写了它，代码略有不同）。
除了firefox之外，所有浏览器都能正常运行。而不是平滑地改变src，有几毫秒没有显示图像，然后显示高图像。我想知道是否有解决方法。
答案 0 :(得分：1)
从谷歌上搜索你的问题似乎是firefox中的一个错误。
闪烁似乎是由firefox缩放图像所需的时间引起的。
尝试通过在交换你的img-src之前将它添加到具有样式的DOM中，使firefox以正确的大小渲染图像。也许在屏外就像left:-10000px;或甚至在正确的位置。
来源：
https://bugzilla.mozilla.org/show_bug.cgi?id=705826
https://kylekelly.com/posts/2014/04/08/firefox-flickering.html