【发布时间】:2011-11-14 16:37:38
【问题描述】:
我在隐藏的 div 中有一个动画 gif 图像。正是在页面加载 7 秒后,显示了 div 并因此显示了图像。现在我的问题是,当页面第一次加载时,div 会按原样显示,并且 gif 从头开始播放,但第二次开始时它会发疯。当 div 出现时,gif 图像从动画中间的某个地方播放。有什么想法吗?
【问题讨论】:
标签: gif animated-gif
我在隐藏的 div 中有一个动画 gif 图像。正是在页面加载 7 秒后,显示了 div 并因此显示了图像。现在我的问题是,当页面第一次加载时,div 会按原样显示,并且 gif 从头开始播放,但第二次开始时它会发疯。当 div 出现时,gif 图像从动画中间的某个地方播放。有什么想法吗?
【问题讨论】:
标签: gif animated-gif
Gif 会逐步加载,并在有足够数据显示整个帧时立即开始播放。奇怪的是,它加载的秒数应该移动到中间。
这可能是因为第二次缓存 gif 并立即开始播放,页面的其余部分需要一些时间才能加载。
您可以使用 javascript 解决此问题。在您想要启动 gif 时,选择 img 元素并将其 src 属性更改为相同的元素。这应该会触发重新加载,以便重新开始。而且由于它是缓存的,所以应该有最小的延迟。
【讨论】: