Variable Speed Animation Tutorial courtesy of the folks at HB Graphics, Guilford CT

Some interesting effects can be achieved by allowing the viewer to control the speed of an animated sequence. True, animated GIFs are more compact, however, you might consider the JavaScript on this page as an alternative.       The Code uses a common animation function that accepts parameters from the onMouseOver and onClick events. The two image animations below will respond at different speeds as you "mouse over" them.          A variation on the above theme is to have multiple clickable options to control the speed of the same image. Click on the selections below. SLOW MEDIUM FAST Still one more variation is to use a fake speed scale to activate the animation. SLOW   []--- []--- []--- []--- []--- []--- []--- []   FAST

To view the source code click here.
To get a working copy of the code, use "Save As" or
"View Source" from the Source Code window.
To download the images click here.