Getting Started             

  1. Place the program files (ImageWizard.jar, ImageWizard.cab, ryImageWizard.class and ryRandomizer.class) in the directory containing the HTML document into which you want to insert the applet (or into a different directory, and add the correct CODEBASE= attribute to the applet tag given below).

  2. Add the following applet tag to your HTML document in the position you want ImageWizard to appear:

    <APPLET CODE=ryImageWizard ARCHIVE="ImageWizard.jar" WIDTH=??? HEIGHT=???>
    <param name=CabBase value="ImageWizard.cab">
    <param name=Copyright value="ImageWizard (c) 1998 Cool Focus [www.coolfocus.com]">
    <param name=Name value="UniqueName">
    <param name=Satellites value="no">
    <param name=BgColor value="FFFFFF">
    <param name=BgImage value="clouds.gif">
    <param name=StartDelay value="0">
    <param name=FadeAmount value="5">
    <param name=FadeSpeed value="5">
    <param name=Hold value="5">
    <param name=FadeToBackground value="no">
    <param name=HoldBackground value="5">
    <param name=DisplayOrder value="random">
    <param name=DefaultTarget value="right">
    <param name=UseSelectColors value="yes">
    <param name=DefaultSelectColor value="C0C0C0">
    <param name=ShrinkOnSelect value="yes">
    <param name=UseHandCursor value="no">

    <param name=Image1 value="b1.gif">
    <param name=URL1 value="page1.htm">
    <param name=SelectColor1 value="C0C000">
    <param name=Image2 value="b2.gif">
    <param name=URL2 value="page2.htm">
    <param name=SelectColor2 value="C00000">
    <param name=Image3 value="b3.gif">
    <param name=URL3 value="page3.htm">
    <param name=SelectColor3 value="990099">
    <param name=Target3 value="_top">
    </APPLET>

  3. Edit the two sets of question-marks to set the applet width and height. The images should all be the same size, and the applet dimensions should match those of the images.

  4. Edit the three sets of Image/URL/Target/SelectColor parameters (and add as many more as you need) according to the details in The Parameters Explained. Enter paths and names of images in the Image parameters in relation to the current directory, as with the HTML <IMG SRC=> attribute.

  5. In the same way, edit the global parameters to select the animation options you want to use.

  6. Save the document and open it in your browser. Provided the class file is located where you have specified in the tag and parameter, and the images can be found, ImageWizard will start and begin cycling through the images.