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>