An image map example

The image map code looks like this...

<map name="imgmap">

<area href="http://dhillman.com/aubrey" shape="rect" coords="9, 5, 133, 37">

<area href="http://sciencediet.com" shape="circle" coords="331, 21, 21">

<area href="http://dhillman.com" shape="polygon" coords="159, 6, 142, 37, 249, 39, 234, 6">

</map>

<img border="0" src="bannerbar.jpg" usemap="#imgmap" width="395" height="44">

Using JavaScript...

 

<map name="FPMap0">
<area coords="63, 13, 120, 63" shape="rect" href="javascript: alert('blue box')">
<area href="javascript: alert('pink box')" shape="rect" coords="151, 30, 207, 75">
<area href="javascript: alert('yellow box')" shape="rect" coords="14, 73, 74, 110">
<area href="javascript: alert('green box')" shape="rect" coords="92, 93, 182, 118">
</map>

<img border="0" src="boxes.gif" usemap="#FPMap0" width="215" height="125">