View Full Version : Image map rollover problem

07-14-2008, 09:00 PM
Hey, just wondering if you guys can help me out on this (it can't be as hard as I'm making it)...

I'm trying to make one image turn into another image once I've rolled over a certain portion of the image map. I could try to do this with a CSS image rollover, but then it would change the image no matter what portion of it I'm hovering over instead of being unique to where your hovering.

I understand there is a way to do it so that I make 2 divs (1 visible, one not) and make it so just a portion of the hidden one is revealed, but I can't seem to find a simple enough workaround to the sections.

I'll go ahead and post what I think is the problem area... let me know what you think. I'm currently using 3 different images (non-hover background, top button changed, bottom button changed)

<td align="center"><map name="Map0">
<area href="FirstLink.html" shape="rect" coords="10, 11, 134, 108" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('IndexLeft','','Replacement_Image_location.jpg',1)">
<area href="#" shape="rect" coords="13, 124, 133, 216">
<area href="SecondLink.html" shape="rect" coords="14, 227, 127, 353" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('IndexLeft','','Replacement_Image2_location.jpg',2)">
</map><img src="Index_picture" name="IndexLeft" width="137" height="379" usemap="#Map0" border="0" /></td>

I appreciate any help I can get, even a hint as to what the problem is will give me something to research more...

Hope I posted this in the correct spot :)

07-14-2008, 09:23 PM
It might be easier to take a look at the page if its online, or atleast the whole code.

07-15-2008, 12:17 AM
Hey jcdevelopment, I've sent you an e-mail concerning the link to the online site... hope its alright... let me know what you think.