Using image maps

Home ITS Services Web Services Using image maps

Description

How to add clickable images on your web pages.

How you use image maps depends on the version of the httpd server you are using. In any case, I'm assuming that you have placed the image map file in the same directory as the image that is being mapped.

With the NCSA httpd server 1.5 and above (e.g. www.ucsc.edu and www2.ucsc.edu), you can use its internal imagemap support, like this:

  <A  HREF="http://people.ucsc.edu/~username/sample.map">
  <IMG SRC="http://people.ucsc.edu/~username/sample.gif" ISMAP>
  </A>

With the older versions of NCSA httpd server (e.g. catswww.ucsc.edu), you have to use the imagemap script in the cgi-bin directory, like this:

  <A  HREF="/cgi-bin/imagemap/unit/sample.map">
  <IMG SRC="/unit/sample.gif" ISMAP>
  </A>

For more details, check the NCSA image map tutorial