How to make the hotspots on an imagemap glow during mousehover

If this can be done, would much appreciate the info hook-up

Couldn't that happen with CSS? Just add a color to the hover of the a elements.

MNS

just like a regular link? does that work with image maps? does that work with IMAGES?

I think it works with the a element in IE but it works on other things as well in Netscape and Mozilla. If I recall correctly...

There are links in the image map, correct? Hard to tell without the code.

MNS

good enough for me. my website is hit mostly by mozilla and IE

a:link {color: #FF0000} /* unvisited link */
a:visited {color: #00FF00} /* visited link */
a:hover {color: #FF00FF} /* mouse over link */
a:active {color: #0000FF} /* selected link */

HTH

MNS

MNS, image maps don't use anchor elements, they use area elements.

<area> is a non-visual element, so they can't receive any styling.

If there's a way, it's not easy. You could create images that represent the highlight, position them at the location of the hotspots, and toggle their visiblity and use a partial opacity on them. However, all that complication kinda defeats the benefits of using an image map.

thanks beetle. you probably saved me a lot of headache.

Not a recommendation (haven't used it - yet) but, just fyi:

http://www.oreillynet.com/lpt/a/3954

this is my first time building an image map, and i can't get the code to work right. Is it not veiwable on certain browsers?

This is the code. Where did I go wrong?


<img src="/nc/treyandmatt/function/MENU.jpg" usemap="menulinks">
<map name="menulinks">
<area shape="rect" coords="2, 77, 9, 113"
href="/nc/treyandmatt/function/testerpage.html">
<area shape="rect" coords="2, 118, 9, 153"
href="/nc/treyandmatt/function/testerpage.html">
</map>

If you look at this thread (http://www.codingforums.com/showthread.php?s=&threadid=26644), It will show you how to make a background image of a div an image map with CSS and then you can do the hover thing.

HTH

MNS