imagemap Demo

This document demonstrates the use of the imagemap CGI script.

The Image Map

Go on, click on each of the areas to make sure they work. :)

Ingredients

The image demo.gif.
This is the image to be used as a clickable image map.
The map file demo.map.
The map file defines where to go for the different areas of the image. If you are user jdoe you would change the filename "/info/imagemap/d.html" to "/~jdoe/d.html" (without quotes) if the destination document was in your public_html directory.
An anchor tag which invokes the imagemap CGI script (with the map filename appended) with the image as it's body.
<A HREF="/cgi-bin/imagemap/info/imagemap/demo.map">
<IMG SRC="demo.gif" ISMAP>
</A>
If you are user jdoe you would change "/cgi-bin/imagemap/info/imagemap/demo.map" to "/cgi-bin/imagemap/~jdoe/demo.map" if you put the map file demo.map in your public_html directory.

Further Study

This example is exceedingly simple because it only uses rectangles in the map file. You can also use polygons, circles and points. To find out more read the NCSA Imagemap Tutorial.