Click HERE to return to
Javascript main page
Animated images are not realy 'animations' as you might imagine them.
This is how they work:
          









  • Each image is loaded into memory before it
    is displayed using the img = new image() command

  • The first set of images are put on to the
    page using <img scr='blank.gif'>

  • When the user clicks on the extend button
    the images are replaced in order by a new image
    delayed by a time delay using
    setTimeout('extend()',50);

  • When the user clicks on the retract button
    the images are replaced in reverse order by the blank image
    delayed by a time delay using
    setTimeout('retract()',50);