Actions  -  Rollover Buttons
rollover1

Making rollover buttons in Fusion is quite easy to do with Actions.  It makes use of the “Set Image” action to create an array of images, which can then be swapped on demand.

  1. Create an Image Object and place it on your page
  2. Click on the “Actions” tab in the Properties menu
  3. Start an action according to the following recipie:

    When -> Page ->Page Loaded
    Target -> (The image selected)
    Message -> Object ->Set Image
    Propertie(s) -> Values

    In the Properties section, you will have the opportunity to select up to 10 image files.

      The first four options are “Normal”, “Highlighted”, “Depressed” and “Selected”.- double-click on any of these to select the appropriate image to use for that state. Set all your images during this step.
     

  4. Create another Action by clicking on the “+” button in the “Actions” window, and create it according to the following recipie:

    When -> Mouse -> Mouse Over
    Target -> (the image you selected)
    Message -> Object -> Use Image
    Propertie(s) -> (Select “Highlighted”)

  5. Create one more Action to turn the image “off” when the mouse is taken off the image:

    When -> Mouse -> Mouse Out
    Target -> (the image you selected)
    Message -> Object -> Use Image
    Propertie(s) -> (Select “Normal”)

  6. Create the link for this button by creating an Action according to the following recipe:

    When -> Mouse -> Clicked
    Target -> (Layout Area)
    Message -> Location -> Go to URL
    Properties(s) -> Values...

    and select the Link (Internal or External) you wish to use for this button. 

    Some browsers have a problem with mouseover buttons which do not have a “real” HTML link associated with them, so link this image to the “Blank” smart link with the “Link” button in the “Image Properties” window.

... and you´re done.

Note:  All Actions described in this section have been tested with Fusion 3.x, 4.x, 5.x and MX.
           Actions will not currently work properly when viewed with Netscape 6.0

Go Back to Previous Page

Have a question that you can´t find the answer to? Want to report a possible bug?

Send a help request to NetObjects Technical Support