With Actions, it’s very easy to set up a page with multiple items which change on a “mouse over”.

This is a typical “Multi-rollover” situation - you have a series of menu buttons on the page which should change when a viewer puts the cursor on them, but you also want something else on the page to change - maybe a “descripton” field or something along those lines.

In this case, if you put your cursor on either the circle or square, the “Detail” image at right will change to the “Second” or “Third” image.

Here’s how you do it:

1. Place your Navigation Buttons (remember - you cannot do this with the NavBar!) on your page
2. Place the initial (or “Default”) image for the image you want to change when the mouseover occurs on the Navigation Buttons on the page (I’ll call this the “Description” image from here out.
3. Create an action for the “Description” image according to the following recipe:

   When -> Page -> Page Loaded Target -> (“Description” Image) Message -> Object -> Set Image Parameter(s) -> Values...

   ... and select the alternate images you wish to have appear when your viewer puts his mouse cursor over one of the Navigation Buttons. You can leave the “Default” setting blank here.
4. For each of the “Navigation” buttons, create an action according to the following recipe:

   Wben -> Page -> Page Loaded Target -> (“Navigation” button) Message -> Object -> Set Image Parameter(s) -> Values...

   ... and select the “Rollover” image for the “Navigation” button.
5. Now create a set of actions for the “Navigation” buttons following these recipes:
   
   

   When -> Mouse -> Mouse Over Target -> (“Navigation” Button) Message -> Object -> Use Image Parameter(s) -> Image 2 (Highlighted)   When -> Mouse -> Mouse Over Target -> (“Description” Image) Message -> Object -> Use Image Parameter(s) -> (Select the alternate  image to be displayed when the viewer  outs his mouse cursor on the “Navigation”  button)   When -> Mouse -> Mouse Out Target -> (“Navigation” Button) Message -> Object -> Use Image Parameter(s) -> Image 1 (Default)   When -> Mouse -> Mouse Out Target -> (“Description” Image) Message -> Object -> Use Image Parameter(s) -> Image 1 (Default)

6. Finally, create a link for the Navigation button to link to the appropriate page.  You may find it convenient to create this link as an Action and link the Navigation button to the “Blank” smart link.
   
   

   When -> Mouse -> Clicked Target -> (Layout Area) Message -> Location -> Go to URL Parameter(s) -> (Select URL to link to)