The original sprite image containing all frames of the animation:

The still sprite with the first frame loaded:

The final animated sprite:

pause


You can adjust the animation speed and pause the animation on-the-fly. This is done with a piece of Javascript that just applies different CSS classes to the animation. Click "view source" above to see how it's done.