About the Animation Player

This is an in-page player for frame-based animation.

How To Use

Start and Stop

Click the "Play" button to start the animation. The Play Button will change to a "Pause" button, which you can use to stop it.

Moving within the animation

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.

Advanced Options

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.

Closing

To collapse the animation window, press the "Close" button in the upper-right-hand corner of the frame.

Credits

Icons

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.

Code

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.