Stopping GIF Animation Programmatically

javascript html animated-gif
Karussell picture Karussell · Sep 10, 2010 · Viewed 64.2k times · Source

I am developing a Twitter application which references to the images directly from Twitter. How can I prevent animated gifs from being played?

Using window.stop() at the end of the page does not work for me in Firefox.

Is there a better JavaScript hack? Preferable this should work for all browsers

Answer

Krasimir picture Krasimir · Jun 19, 2014

Inspired by the answer of @Karussell I wrote Gifffer. Check it out here https://github.com/krasimir/gifffer

It automatically adds stop/play control on top of your Gif.

Related questions

Animated gif only loops once in Chrome and Firefox

I have an animated gif that I want to display any time a page is loading. When I view the image outside of a browser, the image loops infinitely and works just fine, but whenever I'm displaying the image in …

Read More
Proper way to reset a GIF animation with display:none on Chrome

Title is self-explanatory, but I'll provide a step-by-step view on the matter. Hopefully I'm not the first one to have noticed this (apparently) bug on Webkit/Chrome. I want to reset a GIF animation. All of the examples I've seen …

Read More
Extracting single frames from an animated GIF to canvas

I need to load all the frames of an animated GIF to an HTML5 canvas. Please note, I don't want to "play" the animated (someone asked this before), all I want is to extract all the frames to use them …

Read More