1

我有两个完全独立的图像，分别称为 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 中重新加载？

4

1 回答 1

4

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

于 2013-08-29T20:10:11.953 回答