Image Fan

This simple animation applet allows you to smoothly cycle through a set of images with a 'fan wipe' effect: the wipes appear as if they were blades on a fan rotating. The applet also allows you to associate a URL with each image in case the applet is mouse-clicked.


The applet may be downloaded for free by clicking on the TAR-file link below (read the FAQ if you're not sure what to do with a TAR file). The FAQ also has step by step instructions on how to embed an applet into your own webpage. While I do not require any payment for the use of these applets at The Applet Depot, if you find them to be extraordinarily useful on your own website, I'd encourage you to make a modest donation (like, $1 or 2 per applet used) to my Paypal account (send any contributions to '').


Once unTARed, you should find the following classes (plus a '.jar' file if you want to use the archive= attribute in the <applet> tag):


Below are descriptions of all the parameters you may use to customize the applets to your webpages. Be sure to enclose any parameters that contain white space in double-quotation marks. Most parameters have default values in case you do not specify your own values, but the first two parameters (AUTHOR and COPYRIGHT) are necessary. If you are not sure how to incorporate an applet into a webpage (with its parameter names and values), looks at the source of this webpage and the applet embedded for an example, or read the FAQ page.

  • AUTHOR: This parameter must appear exactly as follows:
    <param name=AUTHOR value="Eric Harshbarger,">

  • COPYRIGHT: This parameter must appear exactly as follows:
    <param name=COPYRIGHT value="ImageFan applet, Copyright 1999, 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 transition 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.

  • BLADES: This is the number of 'blades' on the fan during the transition. A value of 1 means the transition is just a 360° wipe; '4' would mean the there are quadrant transitions. The default is 10.

  • CLOCKWISE: 'True' or 'false'. The latter means the wipe will occur in a counterclockwise direction.

  • ANGLE.OFFSET: An angle offset shift in degrees. The default is 90.

  • ORIGIN: This indicates the coordinates of the point from which the next image disk 'grows' (e.g. "100, 75" of "125, 266"). The default is the center of the applet. You may put the value of "random" also.

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

    The Applet Depot and all associated applets, text, scripts, and images, Copyright © 1998-2002 by Eric Harshbarger unless otherwise noted. 'Java' is a registered trademark of Sun Microsystems Incorporated.