Getting Started             

  1. Place the program files (Gemini.jar, Gemini.cab and ryGemini.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 Gemini to appear:
    <APPLET CODE="ryGemini.class" ARCHIVE="Gemini.jar" WIDTH=??? HEIGHT=???>
    <param name=Copyright value="Gemini (c) 1999 Cool Focus [www.coolfocus.com]">
    <param name=CabBase value="Gemini.cab">
    <param name=BgColor value="000000">
    <param name=LinkColor value="FF8C00">
    <param name=LinkFocusColor value="CC0000">
    <param name=LinkPressColor value="F0F0F0">
    <param name=SelectorColor value="CC0000">
    <param name=Selectors value="lines">
    <param name=UseHandCursor value="yes">
    <param name=Font value="Dialog,plain,12">
    <param name=DefaultTarget value="_top">
    <param name=Sound value="yes">
    <param name=OpenSound value="show.au">
    <param name=CloseSound value="hide.au">
    <param name=LinkSound value="select.au">
    <param name=Centered value="yes">
    <param name=StickyHeaders value="yes">
    <param name=UseImages value="no">
    <param name=Testmode value="no">

    <param name=HeaderImage1 value="???">
    <param name=HeaderImage2 value="???">
    <param name=HeaderImage3 value="???">

    </APPLET>

  3. Replace the two sets of question-marks in the <APPLET> tag with the desired width and height of the applet. The width should match that of your images (unless you intend to use Gemini's tree view, in which case the applet must be wide enough to display your longest text-link). Enter a large height setting (such as 450) while setting up the applet. When you've added all the images (and, optionally, links) you require, open the header containing the most links and reduce the applet height while making sure that all headers and links remain visible. (When setting applet height, it helps to set the BgColor parameter to something different from your page background temporarily, so that you can see how close you're getting.)

  4. The above example places three headers in the applet. Replace the question-marks in these parameters with names and locations of the images you want to use, and add extra parameters to create more headers. Each image file specified here contains 3 images arranged side by side. From left to right, these correspond to 1. The image initially displayed; 2 The image displayed when the mouse moves over the button; 3. The image displayed when the button is pressed.

  5. Next, choose the functionality you want each image to have. For example, if the top image (HeaderImage1) should act as a direct link, add the following parameters:

    <param name=Header1URL value="???">
    <param name=Header1Target value="???">

    replacing the question-marks with the desired URL and Target to link to. If the top image should drop down the tree as well (or instead) to display a set of links, add these parameters:

    <param name=1-Entry1 value="First Link">
    <param name=1-URL1 value="First URL">
    <param name=1-Target1 value="Target for First URL">
    <param name=1-Entry2 value="Second Link">
    <param name=1-URL2 value="Second URL">
    <param name=1-Target2 value="Target for Second URL">
    <param name=1-Entry3 value="Third Link">
    <param name=1-URL3 value="Third URL">
    <param name=1-Target3 value="Target for Third URL">

    A HeaderImage can act as either a link, or a tree-header, or both.

    The contents of the Entry parameters above can specify yet more images if you'd prefer that these links used images rather than text. Just set the UseUmages parameter to 'yes' so that Gemini knows that these parameters point to image files to load rather than text to display.

  6. Finally, edit the contents of the color/font/sound parameters (or optionally just remove parameters whose default values you want to use) according to the details in The Parameters Explained.