如何在HTML文档中制作动画GIF？

Question

我在一个静态HTML文档中有以下的<img>标签。

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

在我将其src属性设置为指向一个.gif文件（即foo.gif）之后，GIF以静态（或非动态）图像的形式显示。如何使GIF动起来？

- MaryBaker

---

默认情况下应该可以工作，你能提供一个例子吗？ - Alessio

这可能有帮助吗？https://dev59.com/Km025IYBdhLWcg3wwYz4 - George G

请问，您确定您的源GIF是动画的，还是默认格式（gif89a）？请搜索一些动画GIF进行测试。看起来您的GIF不太正常。祝好。 - statosdotcom

Answer 1

默认情况下，浏览器总是播放动画 gif，你无法更改这种行为。如果 gif 图像没有动画，可能有两种原因: 浏览器出了问题或图像出了问题。为了排除第一种情况，只需在浏览器中检查受信任的图像（运行下面的代码段，此 gif 绝对动画并在所有浏览器中工作）。

您的代码看起来没问题。请问这段代码是否对你来说有动画效果？
如果是，那么你的gif存在问题；如果不是，那么你的浏览器出了问题。

<img src="http://i.stack.imgur.com/SBv4T.gif" alt="this slowpoke moves"  width="250" />

- Iurii Tkachenko

---

如果alt文本可见，则src有误。 - nicolallias

Answer 2

我同意Yuri Tkachenko的回答。

我想指出一点。

这是一个非常特定的场景，但确实会发生。

当你在像Google图片这样的网站上复制一个gif之前，它还没有完全加载。它只会给出该gif的预览图像地址，而不是gif文件本身。

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

- Dummy

Answer 3

尝试

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

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

- EpixyCoder101

---

重新启动计算机听起来非常不必要。 - Mr. N

如果重启电脑无效，请同时重启您的路由器。 - Capan