layui 表格圖片放大
阿新 • • 發佈:2019-03-01
遮罩 this shade ade 圖片 return fin pre clas
1. 表格塞圖片
,{title: ‘圖片‘, width:120, templet: function(d) { return ‘<div onclick="show_img(this)" ><img src="‘+d.image_path+‘" ‘ + ‘ width="50px" height="50px"></a></div>‘; }}
2. 圖片放大
//顯示大圖片 function show_img(t) { var t = $(t).find("img"); //頁面層 layer.open({ type: 1, skin: ‘layui-layer-rim‘, //加上邊框 area: [‘80%‘, ‘80%‘], //寬高 t.width() t.height() shadeClose: true, //開啟遮罩關閉 end: function (index, layero) { return false; }, content: ‘<div style="text-align:center"><img src="‘ + $(t).attr(‘src‘) + ‘" /></div>‘ }); }
layui 表格圖片放大