layui 点击图片放大

layui 点击图片放大

表格代码：

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

表格代码2：

<td>
    <img src="{{ item }}" onclick="showimg(this)" style="display: inline-block; width: 100%; height: 100%;">
</td>

点击事件

    function showimg(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+'">'
        });
    }

参考网站：

https://blog.csdn.net/kongbai953/article/details/97371657