实现jquery双击图片放大

第一步 准备一个放大的div容器

<div id="outerdiv" style="position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 2; width: 100%; height: 100%; display: none;">
            <div id="innerdiv" style="position: absolute;">
                <img id="bigimg" style="border: 5px solid #fff;" src="" />
            </div>
</div>
 

第二步 点击事件

<div>
            <img src="Photo/bg-88a9758.jpg" οnclick="Big(this)" style="width:100px;height:100px" />
</div>
 

第三步 

function Big(obj) {
        imgShow("#outerdiv", "#innerdiv", "#bigimg", obj);
    }

    function imgShow(outerdiv, innerdiv, bigimg, _this) {
        var src = _this.src;//获取当前点击的pimg元素中的src属性