如何从一开始就制作GIF动画

Question

我在隐藏的div中有一个动画gif图像。正好在7秒的页面加载后，div显示出来，因此显示图像。现在我的问题是当第一次加载页面时div显示应该和gif从头开始播放但第二次开始它会发疯。当div显示gif图像从动画中间某处播放时。任何想法？

Answer 1

Gifs会逐步加载并在有足够数据显示整个帧时立即开始播放。奇怪的是它加载它的秒时间应移到中间位置。

这可能是因为gif第二次被缓存并立即开始播放，页面的其余部分需要一些时间来加载。

您可以使用javascript解决此问题。在您想要启动gif时，选择img元素并将其更改为同一个的src属性。这应该会触发重新加载，以便重新开始。并且由于它被缓存，因此应该有最小的延迟。