仅限 Firefox/IE - 元素 show() jquery 后冻结的 gif 动画

Firefox/IE only - gif animation frozen after element show() jquery

本文关键字:jquery 冻结 动画 gif Firefox IE show 元素 仅限      更新时间:2023-09-26

我有一个页面,在一个隐藏的div中有一个gif动画。 单击某些内容后,div 显示(),但动画卡在第一帧上。 我已经尝试了一些修复程序,但似乎没有任何效果。 我尝试在单击时动态插入图像、重新聚焦等,但无济于事。

要查看示例,请转到 http://staging.trulioo.com 并使用顶部的语言选择器选择其他语言。 应该出现"翻译"一词和动画图像。 动画确实适用于除IE和Firefox(wtf?)以外的所有其他浏览器...

尝试在构建 DOM 时最初显示元素。也许使用 css 将其从页面中移出,并在您需要时将其放回应有的位置。或者可以使用不透明度来隐藏它,无论哪种方式,都要确保元素在页面加载时显示。

来源 - http://www.norio.be/blog/2008/09/animated-gif-not-working-internet-explorer

我无法尝试几种解决方案。 我的最终解决方案是从 gif 动画切换到 JavaScript 解决方案.js。 效果很好!!

http://fgnass.github.com/spin.js/