<script type="text/javascript">         window.onresize = function () {            shade.style.height = document.documentElement.clientHeight + "px";            shade.style.width = document.documentElement.clientWidth + "px";            ImageCenter();        }         function ImageCenter() {            divDetail.style.left = (document.documentElement.clientWidth - divDetail.clientWidth) / 2 + "px";            divDetail.style.top = (document.documentElement.clientHeight - divDetail.clientHeight) / 2 + "px";        }        function MakeSize(e) {            var zoom = parseInt(e.style.zoom, 10) || 100;            zoom += event.wheelDelta / 12;            if (zoom > 360)                return;            if (zoom > 0)                e.style.zoom = zoom + ‘%‘;            ImageCenter();        }     </script>

    <div id="Shade" style="opacity: 0.5; position: absolute; left: 0px; top: 0px; z-index: 1000;        background: rgb(0, 0, 0);" onclick="ShadeClick();">    </div>    <div id="divDetail" style="zoom: 1; opacity: 1; position: absolute; z-index: 1001;">        <img id="detailImage" onm ousewheel="return MakeSize(this);" style="cursor: pointer;">    </div>