layer 彈窗顯示表格中的圖片典挑。
選用layer.photos 實例化
layer.photos({
photos: '#img_' + id,
//0-6的選擇努酸,指定彈出圖片動畫類型毅臊,默認隨機
anim: 5,
});
bug
點擊第一次不奏效继低,第二次點擊出現(xiàn)了圖片全寬顯示在瀏覽器中。
結(jié)果是無法在正忱统危縮放狀態(tài)顯示完整圖片地技。
糾結(jié)尋找解決辦法
還是選擇使用 layer.open
將圖片url渲染到彈框content中,調(diào)整最大高度秒拔,就解決了需求莫矗。
layer.open({
type: 1,
skin: 'ayui-layer-nobg',
maxHeight: 960,
closeBtn: 0,
title: false,
shadeClose: true, //開啟遮罩關(guān)閉
content: '<img style="height: 100%" src="' + $('#img_' + id +'').attr('src') + '" />'
});