javascript - Firefox 不能正确播放动画 gif(在 Chrome 中工作正常)

标签 javascript

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

我上传了一个测试文件,你可以自己看看:

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

在 Firefox 中,当您单击笑脸时,它会开始旋转。但如果你点击第二次,它就会爆炸。但是爆炸从不在 Firefox 中播放,只在 Chrome 中播放。

最佳答案

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

奇怪的是,出现另一个图像实例似乎可以解决问题。一个可能的(但非常 hacky)解决方法可能是将 polly.gif 的另一个实例添加到页面底部并设置其 height 和/或 width 为 0。将 display 设置为 none 不起作用。

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

关于javascript - Firefox 不能正确播放动画 gif(在 Chrome 中工作正常),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11247504/

相关文章:

javascript - Python BeautifulSoup - 抓取 Google 财经历史数据

javascript - Arduino 上的响应式编程

C# 从代码隐藏 (Sitecore) 在页脚中添加外部脚本

javascript - 如何使用 npm 脚本缩小 Browserify 输出

javascript - 根据最大后续零删除逗号后的零

javascript - 如何使用 JavaScript 检查用户当前是否在页面上?

javascript - react native : there is way to use axios. 把?

javascript - 什么时候在 React 中保存状态是安全的?

javascript - 使用 PhantomJS 将 CSS3 动画渲染为图像文件序列

javascript - NestJS 在几次请求后停止工作