javascript - How to stop an animated gif from looping

Question

I have an animated gif in an img tag that I start by rewriting the src attribute. The gif was created, though, to loop and I only want it to play once. Is there a way, with Javascript or jQuery, to stop an animated gif from playing more than once?

Answer 1

I was having the same problem with an animated gif. The solution is rather simple.

1. Open the Animated gif in Photoshop.

2. Go to the Window tab and select timeline(if the timeline is not already open).

3. At the bottom of the timeline panel, you will find an option, which says "Forever". Change that to "Once".

4. Go to File> Export> Export for Web and save it as a gif.

That should do it.