Anyone know how to "reset" an animated gif?

I had this issue too when I created a game with animated gifs. It seems like the gifs will continue playing along on it's own timeline even if you go to another slide and come back. ex: An animated gif that counts up to 10 seconds,  you can go to a new slide when it reaches 2, come back 5 seconds, and it will say 7. The only way I figured out how to make sure it replayed was converted it to a animated flash file. Its really simple, just import the GIF into flash and it will pull in all the animations in new frames. You have to remove the last frame though. It puts a "double" image on it.

The following javascript is working though I have not tested it thoroughly. I inserted it as a trigger to execute when the timeline starts:

< html >

< head >

< script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script >

< script >

$(function() {

    $('.reset').click(resetGif);

    function resetGif() 

    {

        $('.img1').removeAttr('src', '');

    }

});

< /script >

< /head >

< body >

    < img class="img1" src="drill latest.gif" / >

    < a href="#" class="reset">reset gif</a >

< /body >

< /html >

Hi David,

Just wanted to let you know that I modified your last response so that the code would show up properly. In the future, you'll need to separate the <> code entries with spaces.

Good luck with the project :)

This has just saved me a ton of time, thanks David and thanks Christine

Hi Luke,

Glad to hear that! :) Thanks for stopping by and letting us know.

Best,

Christine