html - 在 HTML 中禁用 GIF 动画

Question

在 HTML 中，有什么方法可以在 标签中包含动画 GIF，但自动告诉 GIF 没有动画？我知道用户可以通过按 ESC 键或单击“停止”来停止动画，但我希望 GIF 完全不动画。

我只想在一个特定页面上执行此操作，并且制作 (1500+) GIF 的单独非动画版本是不可行的。我只是希望 GIF 不具有动画效果。

Answer 1

你可以使用 Giffer .

只需将库包含在您的页面中:

<script type="text/javascript" src="gifffer.min.js"></script>

不要在图像上设置 src 属性，而是使用 data-gifffer。

<img data-gifffer="image.gif" />

最后，随时调用 Gifffer()。例如:

window.onload = function() {
    Gifffer();
}

如果您根本不希望 GIF 移动，您可以随时编辑 .js 文件以删除播放按钮。