在 HTML 中禁用 GIF 动画答案

【问题标题】：Disabling GIF animation in HTML在 HTML 中禁用 GIF 动画
【发布时间】：2010-10-31 12:36:54
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

不使用纯 HTML，但使用带有imagecreatefromgif 的 PHP 可能会对您有所帮助

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

【讨论】：

【解决方案5】：

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

【讨论】：