如何实现表格大图预览功能的layer疑问?
摘要:表格增加formatter formatter: function (value, row, index) { return '<img src="&#
表格增加formatter
formatter: function (value, row, index) {
return '<img src="' + value + '" width="80" height="40" onclick="avatar(this)">';
}
js实现点击图片放大预览
/*查看图片*/
function avatar(url) {
var img_infor = "<img src='" + url.src + "' width='800' height='400' />";
layer.open({
type: 1,
closeBtn: 1,
shade: false,
title: false, //不显示标题
skin: 'layui-layer-nobg', //没有背景色
shadeClose: false,
area:['800px','400px'],
content: img_infor //捕获的元素,注意:最好该指定的元素要存放在body最外层,否则可能被其它的相对元素所影响
});
}
显示效果:
点击图片放大效果:
