I have created some animated .gifs which work well in Firefox and Chrome but not in IE 10. Is there any way of fixing this? Just try looking at the below image in various browsers.
From what I can see, the issue is not your page or the animated GIF itself. It is a setting in IE10 (and other versions) on the client. You can access the setting from IE's
Internet Options→Advanced→MultiMedia→Play animations
Checking this box should yield the desired result.
But I hear the next question: Can I detect whether my users have this box checked or not?
Unfortunately, I could not find a way to auto-detect this condition. :-(
I guess you could put the user through a setup process (kinda like the audio/video setup screen you can access when watching HD movies) but that seems clunky.
I also checked to see of Modernizr might help, but it does not seem to. Modernizr can detect whether CSS3 animations are in play but that does not seem to correlate with this setting in IE.
Bummer.
It goes without saying on SO, but if someone knows or finds a way to detect GIF animation capacity, please let us all know!!