当您将另一个具有相同URL的动画gif添加到页面时,如何防止Firefox重新启动动画gif?

时间:2018-08-17 13:45:58

标签: javascript firefox animated-gif

Chrome和Edge将新添加的gif的框架设置为页面上已经存在的gif的框架。例如在Chrome和Edge中,gif会持续显示并保持同步。

但是在Firefox中,如果您添加新的gif,并且页面上已经有相同的gif URL,则会导致两个gif都转到第0帧。

除了在您需要的地方将第二个gif隐藏在DOM中之外,还有什么方法可以通过编程方式控制此操作?

window.addEventListener("click", function() {
  var img = document.createElement("img");
  img.src = "https://i.imgur.com/FwZVUzk.gif";
  document.body.appendChild(img);
});
img {
  width: 100px;
}
click the page a bunch of times to load the image
<br>

0 个答案:

没有答案