|
How to create Client-Side Imagemaps
Created and presented by Lee Street
Management
The coordinates and "hot" areas of a client-side imagemap
are defined within the html document itself. If we use the cube
image shown below, this is what the html code would look like:
<map name="cube">
<area shape="rect" coords="1,1,37,37" href="square1.html">
<area shape="rect" coords="37,1,74,37" href="square2.html">
<area shape="rect" coords="1,37,37,74" href="square3.html">
<area shape="rect" coords="37,37,74,74" href="square4.html">
</map>
No default area definition is required because there are no
href's outside the defined "hot" spots.
The actual image link should look like:
<img src="cube.gif" alt="" usemap="#cube">
There is no anchor around the image tag, but it should have use-map
pointing back to the exact name of the map you've defined in your
document.
Here is the imagemap in action, as coded above:
It doesn't get any simpler than this.
For the truely confused person try the Two Minute ImageMap Maker.
|
