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

时间:2012-06-19 19:10:22

标签: javascript jquery animation gif

我有一个页面在隐藏的div中有一个gif动画。单击div show()s时,但动画卡在第一帧上。我尝试了一些修复,但似乎没有任何工作。我曾尝试在点击,重新聚焦等时动态插入图像,但无济于事。

要查看示例,请转到http://staging.trulioo.com并使用顶部的语言选择器选择其他语言。应出现“翻译”和动画图像。动画可以在IE和Firefox以外的所有其他浏览器中使用(wtf?)...

2 个答案:

答案 0 :(得分:1)

尝试在构建DOM时最初显示元素。也许使用css将其放在页面之外,只需将其放回到需要它的位置即可。或者也许使用不透明度来隐藏它,无论哪种方式都确保元素在页面加载时显示。

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

答案 1 :(得分:1)

我无法通过尝试多种解决方案来实现这一目标。我的最终解决方案是从gif动画切换到spin.js中的JavaScript解决方案。它很棒!!

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