Please help me with hotspot rollover

[nycguurl]

I tried for days to research this myself. I am hitting a brick wall. Can someone help me? I want to have different hotspots of one graphic be image rollovers when moused over. Can you help me with an example on one of the hotspots of how to put an image rollover in?

<map name="FPMap0">
<area href="javascript:popUp1('http://google.com')" shape="rect" coords="5, 58, 48, 92">
<area href="javascript:popUp2('http://google.com')" shape="rect" coords="68, 6, 159, 96">
<area href="javascript:popUp3('http://google.com')" shape="rect" coords="181, 66, 210, 92">
<area href="javascript:popUp4('http://google.com')" shape="rect" coords="241, 5, 394, 92">
<area href="javascript:popUp5('http://google.com')" shape="circle" coords="484, 122, 22"></map>
<img border="0" src="images/Pic_here.bmp" usemap="#FPMap0">

[jscheuer1]

This is complicated. The support for image maps is inconsistent across browsers. But you might only be interested in one, or a couple of browsers.

Anyways, all image map features can be mimicked using absolutely positioned stacked elements within one relatively positioned container - as long as the areas being mimicked are all rect's. I see you have one circle, that may also be imitated, but with a square rectangle that contains the circle (adding corners to the 'hot spot').

Now, as long as you are willing to go along with this (polygon 'hot spots' would have to be similarly represented by containing rectangles), something could be worked out.

Even using an image map (without converting to absolutely positioned stacked elements within one relatively positioned container and/or perhaps focusing on just one browser), code can be worked out, it just gets very (even more) complicated.

However, it is unclear what sort of rollover(s) you are looking for, your code gives no real clue.

I did write a script to convert image maps to absolutely positioned stacked elements within one relatively positioned container for the purpose of using scripts with them:

http://www.dynamicdrive.com/forums/s...ad.php?t=25453

demo:

http://home.comcast.net/~jscheuer1/side/imapper/

It would probably be of use here.

[nycguurl]

om...g

You must know you lost me (lol). But I have filed that awesome link into my faves for a rainy day, because I always like to teach myself lots of new stuff. I love it. The example with the tooltips is gorgeous. For this problem I had, I just sliced up my graphic and put it in separate cells of a table and spent 2 days -I'm not kiddin' like 48 hours- making them be tight and nice.

But thank you soooo much for those links because now I will use them on my next thing!!