Page 1 of 1

order of hotspots and images important?

Posted: Wed Mar 19, 2003 9:38 am
by lostboy
i have an image that uses hotspots...on top of this image there is another image...is the order important? does it matter that there is another image in between the hotspot and the main image...the size of the hotspot and the additional image is the same...see code

<body leftmargin="0" topmargin="0">

//main image below
<img src="g&hfloorplanfullimage.gif" name="g&hfloorplanfullimage" width="628" height="845" border="0" id="floorplan" style="position:absolute; visibility:visible; left: 0; top: 0; z-index: -2;">

//secondary image here
<img src="g&hfloorplan_seethru.gif" width="628" height="845" border="0" id="floorplan_seethru" style="position:absolute; visibility:visible; left: 0; top: 0; z-index: 0;" usemap="#Map">

<map name="Map">
//start the sub images that correspond to the hotspots
<img name="boothstatus" src="http://localhost/mentor/thomas/d0.gif" style="position:absolute; left:231; top:51;">

//create the hotspot here - is the order important
<area shape="rect" coords="231,51,271,110" href='http://localhost/mentor/thomas/getbooths.php?b=11' onMouseOver="showlayer();" onMouseOut="hidelayer();">

<div name="layer100" id="layer100" style="position:absolute; left:241; top:61; width:160; height:100; background-color:LightBlue; visibility:hidden; z-index:-5;">
Booth #:11
Booth Status:Available
</div>

<img name="boothstatus" src="http://localhost/mentor/thomas/b0.gif" style="position:absolute; left:398; top:90;"><area shape="rect" coords="398,90,438,110" href='http://localhost/mentor/thomas/getbooths.php?b=12' onMouseOver="showlayer();" onMouseOut="hidelayer();">

<div name="layer101" id="layer101" style="position:absolute; left:408; top:100; width:160; height:100; background-color:LightBlue; visibility:hidden; z-index:-5;">
Booth #:12
Booth Status:Available
</div>

Posted: Sun Jun 22, 2003 4:46 pm
by m@ndio
hi,

I dont think it matters as long as you have your co-ordinates set up properly, i.e. the images will link to the wrong location. Did you mean that?