layer 弹窗显示图片

 上代码

Html

<!-- 显示的图片，点击弹出点击的图片-->
<img src="~/Content/images/image.png" onclick="onTan(this)" />

<!-- 由于弹出当前图片内容，在关闭弹框时会导致原图片被隐藏掉，所以这里用一个备用图片来替代弹出-->
<img src="" id="copyimg" style="display:none;width:100%"  /> 

Js

function onTan(item) { var img = $(item); var imgurl = img.attr("src"); $("#copyimg").attr("src", imgurl); setTimeout(function () {//做个延迟是因为layer 触发过快 layer.open({ type: 1,//Page层类型 为1显示本地类容 为2显示在线内容，也就是图片链接 title: false, closeBtn: 1, //0不显示关闭按钮 1显示
                shadeClose: true, //开启遮罩关闭
                area: ["90%", $("#copyimg").height],//弹框的宽高 content: $("#copyimg") //内容 }); },100); }