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>
order of hotspots and images important?
Moderator: General Moderators