html - 在 HTML 中禁用 GIF 动画

Question

在 HTML 中，有没有办法在 <img> 标签中包含动画 GIF，但会自动告诉 GIF 不动画？我意识到用户可以通过按 ESC 或单击停止来停止动画，但我希望 GIF 根本不动画。

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

score 4 · Accepted Answer

你可以使用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 文件以删除播放按钮。

score 1 · Accepted Answer

1

不是使用纯 HTML，而是使用 PHP 和imagecreatefromgif可能会对您有所帮助

于 2009-06-05T00:34:23.753 回答

score 1 · Accepted Answer

我不认为调用 window.stop() 将是一个好的解决方案。这将需要为每个加载的图像调用，以防止它运行到一半并停止。最好的解决方案是使用 GD 等库来创建仅包含动画 GIF 第一帧的图像。

score 1 · Accepted Answer

1

使用 ImageMagik，您可以轻松转换所有 1500 张图像。

于 2012-06-27T07:06:54.823 回答

score 0 · Accepted Answer

您可以window.stop()在 javascript 中使用，这应该相当于按 ESC/单击停止。但是，我很确定它不适用于所有浏览器（即 IE）。

5 回答 5