Animated Images

A few examples of controlling animated images.

Animated Waterfalls

Turn the water on or off

This uses a background of the falls and an animated image as the first image and a transparent image as the second. The button is a JavaScript load next image.

Two Animations

SOMETHING ENTIRELY DIFFERENT.

This uses two animations.  The first animation is loops until the second animation is loaded.  Because the second animation is already running it may be in the middle of the active frames. It's best to have the frist frame longer to reduce this problem.