Layui表格内放置图片，并点击放大

HTML页面：

{
    field: 'imageUrl', title: '项目图片', templet: function (d) {
         return '<img onclick="showimg(this)" id="driimg" style="display: inline-block; width: 50%; height: 100%;" src="' + d.imageUrl + '">';
    }
},

JS代码：

window.showimg = function (t) {
            //页面层
            layer.open({
                type: 1,
                title: false,
                closeBtn: 0,
                area: '516px',
                skin: 'layui-layer-nobg', //没有背景色
                shadeClose: true,
                content: '<img style="display: inline-block; width: 100%; height: 100%;" src="' + t.src + '">'
            });
        }

 

转载博客：(19条消息) Layui表格内放置图片，并点击放大__一蓑烟雨任平生_一蓑烟雨 任平生的博客-CSDN博客