上程式碼

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