【发布时间】:2012-09-12 23:36:39
【问题描述】:
有什么办法,如何同步gif动画?问题是如果它们有相同的时间,但在不同的时间加载,它会看起来很奇怪。我不知道,例如通过一些 javascript“刷新”或重新加载或其他什么...
【问题讨论】:
标签: javascript html
有什么办法,如何同步gif动画?问题是如果它们有相同的时间,但在不同的时间加载,它会看起来很奇怪。我不知道,例如通过一些 javascript“刷新”或重新加载或其他什么...
【问题讨论】:
标签: javascript html
GIF 动画不可编写脚本。最好的办法是通过 JavaScript 加载它们,然后将它们都插入到 DOM 中在它们加载之后。
类似这样的:
var img = new Image();
var imgCount = 0;
img.onload = loadCount;
img.src="....."
var img2 = new Image();
img2.onload = loadCount;
img2.src="....."
function loadCount() {
imgCount++;
if(imgCount==2) {
//insert IMG tags into DOM
}
}
【讨论】:
display: none,至少它不会播放 gif。如果 gif 在视口之外(由于滚动等),我相信某些浏览器(不再确定哪个浏览器)的行为相同。这个加载技巧确实是最好的,但并不完全可靠。