I have a client who's given me an animated gif to use as a logo. they want the animation to play on page load and also on mouseover.
I've got this working, but if the user mouses over, then mouses out and then mouses over the gif again the animation starts again even if the original animation hasn't finished.
The animation takes about 5 seconds, is there a way to sleep() the code until the first animation finishes before accepting further invocations to run?
In other words:
a) user mouses over the animation gif - animation starts
b) user mouses out (animation still running)
c) user mouses in again (animation still not finished) - HERE THE ANIMATION WOULD START AGAIN BUT I DON'T WANT IT TO UNLESS IT FINISHED ITS CYCLE FROM a) FIRST!
Thanks in advance to any who can assist!