Question
javascript behaviors are behaving funny
the following webpage:
http://www.canchair.com/new_web_product_detail.asp?ProductID=499&ProductFamily=5&ProductFamilySub=
contains the following code:
<div style="position:absolute;width:250;height:250;" >
<div id="Layer4" name="layer4" style="position:absolute; width:250px; height:250px; z-index:1; top:3px; left:3px; visibility: hidden;margin:0;" >
<a href="javascript:;" onclick="MM_openBrWindow('/large_image.asp?url_image=<%Response.Write(images("url_img"))%>','imagewindow','width=600,height=600')"> <img src="/misc_images/click_to_enlarge.gif" border="0" />
</a>
</div>
<td align="center" height="252" valign="middle" ><a href="javascript:;" onmouseover="MM_showHideLayers('Layer4','','show')" onmouseout="MM_showHideLayers('Layer4','','hide')"><img src="imagescript.asp?path=<%=images("url_img")%>&width=250" alt="" name="largeimage" border="0" id="largeimage" ></a>
</td>
</div>
as you will see, mousing over the large image will display a hidden layer. Clicking on the image contained in this newly appeared layer, opens a browser window.
...but the behaviors behave funny with the image blinking on and off and with the browser window not opening when clicking only once.
http://www.canchair.com/new_web_product_detail.asp?ProductID=499&ProductFamily=5&ProductFamilySub=
contains the following code:
<div style="position:absolute;width:250;height:250;" >
<div id="Layer4" name="layer4" style="position:absolute; width:250px; height:250px; z-index:1; top:3px; left:3px; visibility: hidden;margin:0;" >
<a href="javascript:;" onclick="MM_openBrWindow('/large_image.asp?url_image=<%Response.Write(images("url_img"))%>','imagewindow','width=600,height=600')"> <img src="/misc_images/click_to_enlarge.gif" border="0" />
</a>
</div>
<td align="center" height="252" valign="middle" ><a href="javascript:;" onmouseover="MM_showHideLayers('Layer4','','show')" onmouseout="MM_showHideLayers('Layer4','','hide')"><img src="imagescript.asp?path=<%=images("url_img")%>&width=250" alt="" name="largeimage" border="0" id="largeimage" ></a>
</td>
</div>
as you will see, mousing over the large image will display a hidden layer. Clicking on the image contained in this newly appeared layer, opens a browser window.
...but the behaviors behave funny with the image blinking on and off and with the browser window not opening when clicking only once.
