Question

我有两个完全独立的图像，名为lock-icon.png和lock-unlock-icon.png。在某个事件中，我使用

在Javascript中更改图像的来源

  document.getElementById("element").src = "/images/lock-unlock-icon.png";

这总是在Firefox上运行，但由于我在需要WebGL硬件加速的页面上显示实时高清视频流，我需要使用Chrome。

它有时适用于Chrome，但几乎不会立即使用;它似乎是一个至少几秒钟的随机延迟，最多从不。如果我在应该更改之后检查图标的当前“图像位置”，则url是新的，正确的URL（显然是预期的，因为它只是查询元素的src属性）。

我还应该做些什么来强制在Chrome中重新加载此图片？

Answer 1

将两个图像加载到单独的div中，然后在当前可查看的一个上设置display：inline，另一个显示：none。然后，您可以通过更改CSS显示属性来切换两个图像。