layer彈出層非常之好用，使用者體驗非常好，有這樣一個需求，當點選指定文字或是縮圖後，使用layer彈出原圖片，並且彈出層的寬和高根據圖片大小自動變化。下面是實現這一功能的程式碼。

function showImg(url){
    var img = "<img src='" + url + "' />";  
	layer.open({  
	    type: 1,  
	    shade: false,  
	    title: false, //不顯示標題  
	    area:['auto','auto'],  
	    area: [img.width + 'px', img.height+'px'],  
	    content: img, //捕獲的元素，注意：最好該指定的元素要存放在body最外層，否則可能被其它的相對元素所影響  
	    cancel: function () {  
	        //layer.msg('圖片檢視結束！', { time: 5000, icon: 6 });  
	    }  
	});  
}
 

如果想要規定彈出層的寬高，將屬性area設定即可如彈出層寬800px，高600px，可寫成area['800px','600px']