首页 > 编程 > JavaScript > 正文

layui表格内放置图片,并点击放大的实例

2019-11-19 10:50:35
字体:
来源:转载
供稿:网友

我就废话不多说了,直接上代码吧!

cols: [[ //表头  {      field: 'brand_img_url',      title: '图片',      sort: true,      templet: function(d){        return '<div οnclick="show_img(this)" ><img src="'+d.brand_img_url+'" alt="" width="50px" height="50px"></a></div>';      }    } ]]
//显示大图片    function show_img(t) {      var t = $(t).find("img");      //页面层      layer.open({        type: 1,        skin: 'layui-layer-rim', //加上边框         area: ['80%', '80%'], //宽高        shadeClose: true, //开启遮罩关闭        end: function (index, layero) {          return false;        },        content: '<div style="text-align:center"><img src="' + $(t).attr('src') + '" /></div>'      });    }

以上这篇layui表格内放置图片,并点击放大的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表