Firefox 无法正确播放动画 gif（在 Chrome 中运行良好）答案

【问题标题】：Firefox doesn't play animated gif properly (works fine in Chrome)Firefox 无法正确播放动画 gif（在 Chrome 中运行良好）
【发布时间】：2012-06-28 15:04:09
【问题描述】：

我有一个动画 gif 图像，它在点击时被交换为另一个动画 gif。到目前为止一切正常。但是当我想进行另一个更改（到第三个动画 gif）时，firefox 根本不会播放第三个 gif 动画。在 Chrome 中它工作正常。

我上传了一个测试文件，您可以自己查看：

http://fastertutorials.com/stuff/test.html

在 Firefox 中，当您单击笑脸时，它会开始旋转。但是，如果您再次单击，它应该会爆炸。但是爆炸不会在 Firefox 中播放，只能在 Chrome 中播放。

【问题讨论】：

你用的是什么版本的ff？
在 Firefox 14 beta 中为我工作。
不需要使用.getAttribute()来获取元素的“src”。 “src” 属性成为 DOM 元素对象的 property，因此您可以只引用“.src”。这适用于所有浏览器。
在 Firefox 13 中重现。不过，我确实在 IE 8 中获得了“爆炸”动画。
13.0.1 已复制，如果我在脸变绿后立即单击它会爆炸，但如果我等待一段时间，它就会变得悲伤 - 顺便说一句，这是多么棒的测试方式！我最终看了几次动画完全忘记了这个问题。

标签： javascript

【解决方案1】：

这几乎可以肯定是 Firefox 12 和 13 中的一个错误，但幸运的是它似乎在 14 中得到了修复。

奇怪的是，存在另一个图像实例似乎可以解决问题。一个可能的（但非常hacky）解决方法可能是将polly.gif 的另一个实例添加到页面底部并将其height 和/或width 设置为0。将display 设置为none 不会工作。

您可以在此处尝试解决方法：http://jsfiddle.net/tH5TC/

【讨论】：

【解决方案2】：

我认为这可能是一个萤火虫错误。试试这个：

打开萤火虫
加载页面
点击图片两次
如果你得到一张静态悲伤的脸打开 firebug html 控制台
打开<body>标签
将鼠标悬停在图片标签的id

然后应该开始播放动画。

【讨论】：

我能够在没有 Firebug 的全新安装的 Firefox 13 上复制该错误。