需要做一个点击图片放大的效果,遇到了一点问题。
想要点击图片时,弹出大图,并且大图屏幕居中,但怎么样才能居中呢,特别是有滚动条的时候。假如图片id是img,求高手指点一下。

解决方案 »

  1.   

    弹出图片、弹出层类似的效果已经有好多成功的jq插件了,直接拿来用就好了,这么费劲还自己写。
    给你推荐几个  1、colorbox    2、fancybox
      

  2.   


    <script type="text/javascript">
    window.onload = function(){
    document.body.onclick = function(){
    var obj = document.getElementById("img");
    var body = document.compatMode=="CSS1Compat"?document.documentElement:document.body;
    obj.style.left = (body.clientWidth - parseInt(obj.style.width, 10)) /2; + body.scrollLeft;
    obj.style.top = (body.clientHeight - parseInt(obj.style.height, 10)) /2 + body.scrollTop;
    }
    }
    </script>
    <div id="img" style="position:absolute;z-index:1;width:600;height:400px;background:red"></div>
    <div style="height:500px">
    click body<br>
    </div>
    <div style="height:500px">
    click body<br>
    </div>
    <div style="height:500px">
    click body<br>
    </div>
    <div style="height:500px">
    click body<br>
    </div>