Javascript单击图片放大功能

< script  language ="javascript" > ...
function show(layerid)...{
    document.all.ly.style.display="block";
    document.all.ly.style.width=document.body.clientWidth;
    document.all.ly.style.height=document.body.clientHeight;
    document.all(layerid).style.display='block';
}
</ script >

< div  id ="ly"  style ="position:absolute;top:0px;FILTER: alpha(opacity=60);background-color:#777; z-index:2; left: 0px;display:none;" >   </ div >

<!--     浮层框架开始     -->
       < div  id ="Layer<%=rsXS(" Id")% > " align="center" style="position:absolute; z-index: <% = i + 2 %> ; width: 200px; height:300px;left:expression((document.body.offsetWidth-250* <% = ( 3.5 - i) %> )/2); top: expression((document.body.offsetHeight-350)/2);background-color:#fff;display:none;" class="img-wrapper2"> < img  id ="photo"  width ="100%"   height ="100%"  src ="<%=" ../"&server.HTMLEncode(rsXS("PhotoPath") & "")% > " alt=" <% = rsXS( " Photoname " ) %> " onClick="document.all.ly.style.display='none';document.all.Layer <% = rsXS( " Id " ) %> .style.display='none';" style="cursor:hand;"> </ div >  
<!--     浮层框架结束     -->

 1、调用show()

2、show()显示隐藏的ly层,作为阴影覆盖

3、show()显示Layer层,