I have a page that has a gif animation in a hidden div. Upon clicking something the div show()s but the animation is stuck on the first frame. I have tried a few fixes but nothing seems to work. I have tried inserting the image dynamically when clicked, refocusing, etc. to no avail.
To see the example go to http://staging.trulioo.com and choose a different language using the language selector at the top. The word “Translating” and and animated image should appear. The animation does work in all other browsers other than IE and Firefox (wtf?) …
I could not get this to work trying several solutions. My final solution was to switch from a gif animation to a JavaScript solution in spin.js. It works great!!
http://fgnass.github.com/spin.js/