|
|
|
|
 |
 |
|
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.
|
|
 |
 |
|
- Create an Image Object and place it on your page
- Click on the “Actions” tab in the Properties menu
- 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.
|
|
|
- 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”)
|
|
|
- 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”)
|
|
|
- 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.
|
|