Image map examples

Yahoo places a premium on performance and compatibility with all browsers. Until recently, the following small GIF image was used for the menu at the top of Yahoo:

Each of the hot links is defined as a rectangle:

The Hyundai Web site implemented cascading menus with image maps. When the user clicked on "About Hyundai," the second menu was displayed. Both menus are static GIF images with appropriate image maps.

Similar effects can be achieved using Javascript, but this approach will work with all browsers and the number of separate images is minimized, saving download time.

Disclaimer: The views and opinions expressed on unofficial pages of California State University, Dominguez Hills faculty, staff or students are strictly those of the page authors. The content of these pages has not been reviewed or approved by California State University, Dominguez Hills.