Fixed Menu Tutorial

Preloads:

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.

That is it. You can close the head section of the page and save your page and test it in your favorite browser. If you followed all of the instructions, you should now have a working menu.

Sample Horizontal Menu

Sample Vertical Menu

Home

 

These tutorials were written by Dave Jones (aka "daverj"), and are provided free to the Adobe GoLive user community, but are presented without further support or guarantees. Please check the Adobe GoLive User to User Forums for any further assistance.

GoLive is a registered trademark of Adobe Systems Incorporated
GoLive Tutor is not affiliated with, or endorsed by Adobe Systems Incorporated
Some images © 2002 www.ArtToday.com   All others © 2004 David R. Jones.   All rights reserved.