CODEWITHSUNDEEP
jquery-animateperformanceanimated-gif
FluffyKitten
FluffyKitten

Reputation: 14312

Is jquery or animated png/gif better for image animation on a webpage?

Would it be better to use an animated gif/png or jquery for very fast image animation? Flash is not an option because of lack of iPhone/iPad support.

I have to add a row of flickering candles to a homepage (I know its a bad idea, but they wanted a 5-second animated splash screen so its a compromise). The image is approx 600 x 200px, and needs to be quick for the flame "flicker".

I have only used jquery for fading images so I don't know if it is suitable for this?

Any advise welcome, thanks!

Upvotes: 2

Views: 1160

Answers (1)

Ben Lee
Ben Lee

Reputation: 53319

If speed is the issue, go with an animated gif. Use jQuery to swap out the animation with a static image after 5 seconds (preload the image while the gif animation is running so there is no delay during the swapping).

Upvotes: 4

Related Questions