如何在 HTML 文档中为 GIF 设置动画？答案

【问题标题】：How to animate GIFs in HTML document?如何在 HTML 文档中为 GIF 设置动画？
【发布时间】：2016-11-13 13:12:36
【问题描述】：

我在静态 HTML 文档中有以下 <img> 标记。

<img src="foo.gif" alt="This is an animated gif image, but it does not move"/>

在我将其src 属性设置为指向.gif 文件（即foo.gif）后，GIF 显示为静态（或非移动）图像。如何为 GIF 制作动画？

【问题讨论】：

这应该是默认的，你能提供一个例子吗？
这可能有帮助吗？ stackoverflow.com/questions/5818003/…
请问，您的源 GIF 是动画还是默认格式 (gif89a)？做一些谷歌并找到一个仅用于测试目的的动画 gif。看来你的 gif 不太好。最好的。

标签： html gif animated-gif

【解决方案1】：

默认情况下，浏览器始终播放动画 gif，您无法更改该行为。如果 gif 图像没有动画，可能有两种查看方式：浏览器有问题，图像有问题。然后要排除第一个变体，只需检查浏览器中的可信图像（在下面运行 sn-p，这个 gif 肯定是动画并且适用于所有浏览器）。

您的代码看起来不错。你能检查一下这个 sn-p 是否为你制作了动画吗？
如果 YES，那么您的 gif 有问题，如果 NO 您的浏览器有问题。

&lt;img src="http://i.stack.imgur.com/SBv4T.gif" alt="this slowpoke moves"  width="250" /&gt;

【讨论】：

从img src开始：如果alt文本是可见的，那么src是错误的

【解决方案2】：

同意 Yuri Tkachenko 的回答。

我想指出这一点。

这是一个非常具体的场景。但它确实发生了。

当您在某些网站（如谷歌图片）完全加载之前复制 gif。它只是给出该gif的预览图像地址。这显然不是 gif。

所以，请确保它以 .gif 扩展名结尾

【讨论】：

【解决方案3】：

试试

&lt;img src="https://cdn.glitch.com/0e4d1ff3-5897-47c5-9711-d026c01539b8%2Fbddfd6e4434f42662b009295c9bab86e.gif?v=1573157191712" alt="this slowpoke moves"  width="250" alt="404 image"/&gt;

并使用您的源切换 src。如果 alt 弹出，请尝试不同的 url。如果不起作用，请重新启动计算机或切换浏览器。

【讨论】：