码迷,mamicode.com
首页 > 其他好文 > 详细

layui 表格图片放大

时间:2019-02-28 23:11:50      阅读:753      评论:0      收藏:0      [点我收藏+]

标签:this   放大   att   click   image   ret   index   img   onclick   

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 表格图片放大

标签:this   放大   att   click   image   ret   index   img   onclick   

原文地址:https://www.cnblogs.com/cjjjj/p/10453517.html

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!