...

View Full Version : How to make the hotspots on an imagemap glow during mousehover



darkannie
09-25-2003, 05:18 AM
If this can be done, would much appreciate the info hook-up

MotherNatrsSon
09-25-2003, 05:26 AM
Couldn't that happen with CSS? Just add a color to the hover of the a elements.

MNS

darkannie
09-25-2003, 05:28 AM
just like a regular link? does that work with image maps? does that work with IMAGES?

MotherNatrsSon
09-25-2003, 05:37 AM
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

darkannie
09-25-2003, 05:39 AM
good enough for me. my website is hit mostly by mozilla and IE

MotherNatrsSon
09-25-2003, 05:42 AM
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

beetle
09-25-2003, 06:15 AM
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.

darkannie
09-25-2003, 06:17 AM
thanks beetle. you probably saved me a lot of headache.

cheesebag
09-25-2003, 06:19 AM
Not a recommendation (haven't used it - yet) but, just fyi:

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

darkannie
09-25-2003, 06:28 AM
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>

MotherNatrsSon
09-25-2003, 08:40 AM
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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum