This is an in-page player for frame-based animation.
Click the "Play" button to start the animation. The Play Button will change to a "Pause" button, which you can use to stop it.
You can move forward or backward one frame at a time using the inner arrows next to the progress bar.
The outer arrows allow you to go to the beginning or the end.
You can click (and drag) on a spot in the progress bar to move to that point in the animation.
Use the "Direction" drop-down to set whether to play forward or backwards.
Use the "Speed" drop-down to set the speed of the animation - the delay between frames.
To collapse the animation window, press the "Close" button in the upper-right-hand corner of the frame.
The icons used in the player (used for Play, Pause, Back, Forward, End, Beginning, and Close functions) are from the Tango Icon Library. They are used under a Creative Commons Attribution-Share Alike 2.5 License.
Most code in the player was written from scratch. Some code was derived from code examples on quirksmode.org and is used with the author's permission.
Thank you to the creators of JSLint and JSMin, which were used in coding the player.
©2009 All Rights Reserved.