微客导航 » 文章资讯 » Layui点击图片弹框预览的实现方法

Layui点击图片弹框预览的实现方法

2023-08-14 18:18:04 314

我就废话不多说了，直接上代码吧！

如下所示：

functionpreviewImg(obj){
varimg=newImage();
img.src=obj.src;
//varheight=img.height+50;//原图片大小
//varwidth=img.width;//原图片大小
varimgHtml="";
//弹出层
layer.open({
type:1,
shade:0.8,
offset:'auto',
area:[500+'px',550+'px'],//area:[width+'px',height+'px']//原图显示
shadeClose:true,
scrollbar:false,
title:"图片预览",//不显示标题
content:imgHtml,//捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
cancel:function(){
//layer.msg('捕获就是从页面已经存在的元素上，包裹layer的结构',{time:5000,icon:6});
}
});
}

//另外打开一个页面显示图片
functionpreviewImg(obj){
window.open(obj.src);
}

以上这篇Layui点击图片弹框预览的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

Layui点击图片弹框预览的实现方法

热门推荐

随机推荐