Menu Links:

This part is pretty simple compared to that last step. We will now make each of the submenu items into a rollover, and add a link to it.

Make the first FB visible. We do not do anything to the image at the top that is the rollover for the main menu button, but for each of the submenu buttons we do the following:

Click on a submenu button and turn it into a link. In the Link tab of the image inspector browse to the page this button should open. If your page is in a frameset, then select the target from the list. Otherwise leave the target alone. In the More tab of the inspector give this image a unique name (this goes on the same line as the "IsForm" checkbox, but don't check that box).

Next go to the Action palette and add an action to the Mouse Enter event. Set it for Images > SetImageURL. In the action, select the image name that you gave your image above, and browse to the rollover image for this button. Now add an action to the Mouse Exit event and also set it as a SetImageURL action. Again select the image name from the list and this time browse to the original image that you used for this button.

Repeat these steps for every submenu button in every submenu.

The final step is to add image preloads for all of your submenu images (and rollovers if you have them) so that the images are available to the browser by the time the page loads. Start by opening the Head section of your page (click the small triangle in the upper left of the layout window).

From the Smart tab of the Objects palette, drag a Head Action over to the Head section of your page. If you have several things in the head section already, drag it to the left of any other head actions (they are green). Otherwise just drop it at the right end of the icons there.

In the inspector, at the top of the Head Action, where it says Exec., set it to OnParse. Then click the Action button and set it for a Specials > Action Group. Add an action to the group and set it for Image > Preload Image. Where it says Link, browse to the first of the images used in your submenu. If you used a rollover image for the main menu button image, then start with that. Otherwise start with the first link image for the submenu. Continue to add actions to the group until you have added a Preload action for every image that appears in all of your submenus, including all of the rollover images if you used rollovers. Don't forget the rollover for the main menu buttons, if you used them.

Now the menu is complete. You can see what we created here.

Summary