[an error occurred while processing this directive]
Working Example of an Imagemap in CERN Format

This page is part of the WebCom Web Publishing Guide. It provides a working example of a clickable image (an "imagemap") using the CERN format and the HTML code used to produce it.

Each button in the image below will cause a different page to be displayed. Clicking on an area outside of a button will cause the default page to be displayed.

The code to display the image and make it clickable is shown below. See the Syntax For Clickable Images page for details. Note: unlike hotlinks to NCSA Format Map Files, you must include "/cgi-bin/htimage" in the URL. This reduces the speed at which pages are return to the user when an area is clicked on.

<A HREF="http://webcom.com/~webcom/cgi-bin/htimage/webcom/imap/hpbar.map">
<IMG SRC="http://webcom.com/~webcom/graphics/hp.gif" ISMAP></A>

The map file for this graphic image is displayed below. See The CERN Map File for details.

default http://webcom.com/~webcom/imap/empty.html
rect (8,5) (81,34) http://webcom.com/~webcom/imap/overview.html
rect (86,7) (139,34) http://webcom.com/~webcom/imap/news.html
rect (145,6) (215,35) http://webcom.com/~webcom/imap/products.html
rect (221,8) (291,37) http://webcom.com/~webcom/imap/contacts.html
rect (299,6) (437,35) http://webcom.com/~webcom/imap/other.html

[an error occurred while processing this directive]