Image rollover/mouseover issue

riptide

New Member
Hi everyone, I'm adding a page to my employer's website (www.navigonet.com/roaming1.php), and I'm running into issues. I have a map of Canada (canada_map.jpg), with 8 area maps (BC, AB, YT, ON, NB, NS, NFL & PEI). I've also created the same map, with the individual provinces filled in, in orange.

What I'm trying to do is when you mouse over any of the selected provinces, is to replace the existing image (canada_map.jpg) with the one corresponding with that province (canada_map_bc.jpg, etc).

Another question (not a major issue, but just my curiosity), is why in IE, when you put the mouse anywhere on the image (either in a mapped area (dark grey) or not), you get the finger icon? Where as in FF you only get this when you hover in the area map?

If anyone could help me out, that would be great.
 

DLPerry

New Member
Hi everyone, I'm adding a page to my employer's website (www.navigonet.com/roaming1.php), and I'm running into issues. I have a map of Canada (canada_map.jpg), with 8 area maps (BC, AB, YT, ON, NB, NS, NFL & PEI). I've also created the same map, with the individual provinces filled in, in orange.

What I'm trying to do is when you mouse over any of the selected provinces, is to replace the existing image (canada_map.jpg) with the one corresponding with that province (canada_map_bc.jpg, etc).

What about a mouseover for each linked hot spot in the map?

Another question (not a major issue, but just my curiosity), is why in IE, when you put the mouse anywhere on the image (either in a mapped area (dark grey) or not), you get the finger icon? Where as in FF you only get this when you hover in the area map?

If anyone could help me out, that would be great.

I can see the hand/finger cursor icon on all areas of the image in FF as well. A peek at the code indicates that you have the image linked:

<a href="#"><img src="images/canada_map.jpg" width="525" height="366" border="0" ismap usemap="#Map" /></a>

hth
 
Top