An imagemap is a "clickable" image that HTTP-compatible browsers treat as a special case: Clicking in different areas on the picture causes different URL's to be loaded. Graphical menus, clickable building maps, and clickable blueprints are some of the many possible applications of imagemaps.
method url coord_1 coord_2 ... coord_n...each one uses the coordinates in a slightly different way. The coordinates are specified simply by listing an x,y pair. Here's how to specify the region types:
A circle, specfied by two coordinates: First the center, then a coordinate on the circumference (any one).
A polygon, of up to 100 vertices. Each coordinate is a vertex, and you do not have to close off your polygons.
A rectangle, specified by its upper left corner and its lower right corner.
index.html
instead of
http://your.server.dom/current_directory/index.html
).
Also remember, you can use "#" as the first character in a line
to specify a comment.
<A HREF="myimage.map"><IMG SRC="myimage.gif" ISMAP></A>
The map file specifies the anchor, and the image file specifies the image to be displayed and clicked upon. Here is a sample .map file. We have an image, say "bign.gif" which we want to make clickable. We have a circle, a rectangle, and a polygon in the shape of an N.
# bign.map: Sample imagemap definition # the circle around the logo circle http://home.netscape.com/circle.html 25,25 0,25 # a rectangle inside the circle rect http://home.netscape.com/rect.html 0,0 15,30 # the n in the middle poly http://home.netscape.com/n.html 15,35 15,10 25,15 35,10 35,35 15,35 # anything else default http://home.netscape.com/tryagain.html
<A HREF="bign.map"><IMG SRC="bign.gif" ISMAP></A>