<script type= "Text/javascript" >window.onresize=function() {shade.style.height= Document.documentElement.clientHeight + "px"; Shade.style.width= Document.documentElement.clientWidth + "px"; Imagecenter (); } functionImagecenter () {DivDetail.style.left= (document.documentelement.clientwidth-divdetail.clientwidth)/2 + "px"; DivDetail.style.top= (document.documentelement.clientheight-divdetail.clientheight)/2 + "px"; } functionMakesize (e) {varZoom = parseint (E.style.zoom, 10) | | 100; Zoom+ = EVENT.WHEELDELTA/12; if(Zoom > 360) return; if(Zoom > 0) E.style.zoom= zoom + '% '; Imagecenter (); } </script>
<DivID= "Shade"style= "opacity:0.5; position:absolute; left:0px; top:0px; z-index:1000; Background:rgb (0, 0, 0); "onclick= "Shadeclick ();"> </Div> <DivID= "Divdetail"style= "zoom:1; opacity:1; position:absolute; z-index:1001;"> <imgID= "Detailimage"OnMouseWheel= "return makesize (this);"style= "Cursor:pointer;"> </Div>
Mouse wheel Change picture size