layui 图片展示添加一个x_点击图片弹出预览图layui-爱制作

layui前段框架，如何做到点击图片时弹出大的预览图？

方法很简单，举个例子我现在是要table中点击图片弹出预览图，意思一样首先在table中加入formatter用来展示小图片，代码和效果图如下{ label: '证书文件', name: 'zhengShuFile', index: 'zheng_shu_file', width: 80 ,

formatter :function (cellvalue, options, rowObject) {

                 return '

'

}

},

然后再showImg方法中传入图片访问路径，方法中调用layer.open方法在content中写上img标签并控制他的宽高，代码和效果如下//显示大图片

function showImg(t) {

var t = $(t).find("img");

//页面层

layer.open({

type: 1,

closeBtn: 1,

shade: false,

title: false, //不显示标题

//skin: 'layui-layer-nobg', //没有背景色

shadeClose: false,

area:['50%','90%'],

        content: '

'

});

}

文章来源：

不凡

版权声明：本博客为非营利性个人网站，除部分有明确来源的作品外，所发布所有作品的著作权均为本站所有。

赞 1