Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

Oracle Enterprise Manager has a web interface that uses this GIF: Oracle Enterprise Manager

The odd thing about this GIF is that in Firefox (v9&10) it spins about twice as fast as in MSIE (v7&9).

Why does the animation speed change depending on the browser?

share|improve this question

1 Answer 1

up vote 18 down vote accepted

Your GIF animation contains 40 frames, with a 0.03 second delay specified between each frame. That should give it a nominal runtime of 1.2 seconds per loop, which matches what I'm seeing here in Firefox.

The problem seems to be that many browsers will ignore very short per-frame delays and replace them with a default delay (often 0.1 seconds). And the cutoff for what counts as a "very short" delay varies between browsers: Firefox apparently acceps anything down to 0.02 seconds per frame, while IE ignores delays below 0.06 seconds per frame.

My recommendation would be to increase the per-frame delay to 0.06 seconds (and to remove every second frame if you want the animation to run fast). That should give consistent speed in all major browsers.

Edit: I went and did that for you. Here are two versions of the animation with 0.06 seconds per frame: fast (20 frames, 1.2 sec/loop) Fast animation, 20 frames at 0.06 seconds / frame and slow (40 frames, 2.4 sec/loop) Fast animation, 40 frames at 0.06 seconds / frame. I also optimized the animations with GIFsicle, so they're quite a bit smaller than the original.

For more information, see:

share|improve this answer
    
Thank you for a very precise explanation! –  Torben Gundtofte-Bruun Mar 8 '12 at 19:57

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.