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

本文地址: http://chenxm.cc/article/1337.html
温馨提示:文章内容系作者个人观点,不代表对观点赞同或支持。
版权声明:本文为转载文章,来源于  None  ,版权归原作者所有,欢迎分享本文,转载请保留出处!
上一篇: macbook m1 pro 安装pyproj解决思路
下一篇: python 获取多线程的返回值
发表评论

还没有留言,还不快点抢沙发?