Imagemap Example

Here's an imagemap:

Clicking on the three boxes takes you to the three different URLs shown. The imagemap is produced with the following HTML code:

<a href="/cgi-bin/imagemap/actwin/example.map"><img src="example.gif" ISMAP></a>
The IMG tag can have other attributes, such as specified width and height to speed up loading. The URL in the reference around the image specifies where to find the map file. The first part of it, "/cgi-bin/imagemap", will always be the same. After this, append the URL to your map file.

The map file contains:

rect /index.html 0,0 100,100
rect /actwin/DIY.html 100,0 200,100
default /mar.html

There's more info on imagemaps here.


Return to index