image map

[Yang Li Ke]

Hi everyone.
Anyone can tell me if this is possible to use an image map link like:

<img src="pictures/2.jpg" usemap="#Map">
<map name="Map" id="Map">
<area shape='rect' coords='1,1,33,33' href='#' />
<area shape="rect" coords="40,8,77,48" href="#" />
</map>


but on mouse over the image the square would be blue just like

a.thumb:hover img
{
border: 1px dashed #FFFFFF;
}


a.thumb img
{
border: 1px solid #C0DEEF;
}


At last. I just want to be able to view a square over the picture
everywhere I move the mouse so that I can see the link.

Thank you

 

[mbstevens]

Hi everyone.
Anyone can tell me if this is possible to use an image map link like:

<img src="pictures/2.jpg" usemap="#Map">
<map name="Map" id="Map">
<area shape='rect' coords='1,1,33,33' href='#' />
<area shape="rect" coords="40,8,77,48" href="#" />
</map>


but on mouse over the image the square would be blue just like

a.thumb:hover img
{
border: 1px dashed #FFFFFF;
}


a.thumb img
{
border: 1px solid #C0DEEF;
}


At last. I just want to be able to view a square over the picture
everywhere I move the mouse so that I can see the link.

Thank you

After reading:
http://www.alistapart.com/articles/imagemap/

....you may be able to find a way to do what you want.
Basically you can modify the visibility of objects on
hover using CSS.