<a href="images/anim_1.gif" target="#iframe1">Anim 1</a><br>
<a href="images/anim_2.gif" target="#iframe1">Anim 2</a><br>
<a href="images/anim_3.gif" target="#iframe1">Anim 3</a><br>
<a href="images/static.gif" target="#iframe1">Halt</a><br>
<iframe src="images/static.gif" name="iframe1" width="360" height="480">
<img src="images/static.gif" alt="" title="IFrame animation not supported">
This code assumes that you have 3 GIF animations "anim_1.gif", "anim_2.gif" and "anim_3.gif" located in a sub-folder called "images", and a static GIF called "static.gif". Note: You can use a JPG or PNG image for the static picture if desired.
The IFrame is set up to initially display the static image, (which could be blank if desired). Anchors are used to display each of the three animations. Assuming that the animations auto-repeat a fourth anchor can be used to halt the animation by re-displaying the static image, (or a different image if desired).
1. Icons can be used instead of the text "Anim 1" etc...
2. If you only want to display one animation, the static picture can be used to trigger the animation instead of separate text or icons.
3. If IFrames are not supported, the static image is displayed with a suitable tool-tip.