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); }