Image Fade

This simple animation applet allows you to smoothly cycle through a set of images with a 'fade in' effect. The applet also allows you to associate a URL with each image in case the applet is mouse-clicked. For those folks with a adequate band-width and CPU power, another example is available.


<param name=COPYRIGHT value="ImageFade applet, Copyright 1998, Eric Harshbarger">
  • IMAGE.#: This series of parameters indicates what images the applet will cycle through. All of the images should be the same size (and that size should be equals to the applet's width and height attributes). The first image should be defined by IMAGE.0, then IMAGE.1, IMAGE.2, and so on.

  • URL.#: This series of parameters tells the applet what webpage to show if the applet is click on. URL.0 is active when IMAGE.0 is visible, and so forth.

  • TRANSITION.STEPS: This number indicates the number of 'transition' steps occur in the fade from one image to the next. The default is 10.

  • TRANSITION.SPEED: This is the pause in milliseconds between each step of the transition from one image to the next. The total time needed to transition from one image to the next, therefore, is TRANSITION.SPEED * TRANSITION.STEPS. The default value for this parameter is 100.

  • PAUSE: This is the number of milliseconds an image appears before the transition begins to the next image. Actually, this is the minimum number of milliseconds. If the processing time needed to create the transition frames is longer than pause (because the rendering of each frame proves intensive to your computer's CPU), then that longer time will dictate how long the image is paused. Time to render the transitions is dependent not only on your computer's CPU, but also the size of the images, and the number of TRANSITION.STEPS requested. The default PAUSE value is 5000.

  • TARGET: If you want to specify a different target frame for spawn URLs (other than the default, '_self') use this parameter.