jquery 图片点击放大

css：

/*//图片放大*/

.enlargeImg_wrapper {

display: none;

position: fixed;

z-index: 999;

top: 0;

right: 0;

bottom: 0;

left: 0;

background-repeat: no-repeat;

background-attachment: fixed;

background-position: center;

background-color: rgba(52, 52, 52, 0.8);

background-size: 50%;

}

img:hover {

cursor: zoom-in;

}

.enlargeImg_wrapper:hover {

cursor: zoom-out;

}

js：

//查看大图

function enlargeImg() {

$(".fada").after("<div οnclick='closeImg()' class='enlargeImg_wrapper'></div>");

var imgSrc = $(".fada").attr('src');

$(".enlargeImg_wrapper").css("background-image", "url(" + imgSrc + ")");

$('.enlargeImg_wrapper').fadeIn(200);

}

//关闭并移除图层

function closeImg() {

$('.enlargeImg_wrapper').fadeOut(200).remove();

}

html：

<img src="/assets/img/ic_upload.png"

id="img_business_picture"

style="width: 150px;height: 150px;"

οnclick="enlargeImg()"/>