layer.photos({
photos: '#img_' + id,
//0-6的选择，指定弹出图片动画类型，默认随机
anim: 5,
});
点击第一次不奏效，第二次点击出现了图片全宽显示在浏览器中。
结果是无法在正常缩放状态显示完整图片。
还是选择使用 layer.open
将图片url渲染到弹框content中，调整最大高度，就解决了需求。
layer.open({
type: 1,
skin: 'ayui-layer-nobg',
maxHeight: 960,
closeBtn: 0,
title: false,
shadeClose: true, //开启遮罩关闭
content: '<img style="height: 100%" src="' + $('#img_' + id +'').attr('src') + '" />'
});
1、弹窗 layerhttp://layer.layui.com/api.html
问题：项目中遇到layer问题，因为页面加载的图片多，点击删除是layer询问层的弹窗仅显示遮罩层，并不显示弹窗…...
layui 弹窗 以及 询问框 function over(){ layer.confirm('您确定要关闭工单吗...
前台 其中，使用到layer组件layer弹窗 后台功能：TopicPageInfoScroll Controll...
layer 一个漂亮的弹窗组件_
一、LayUI弹出层组件引用 目前，layer 已然成为网页弹出层的首先交互方案，几乎所处可见。模块加载名称：la...
凯哥最近正在学习layui这个后台框架。 先看layui简介： layer是一款口碑极佳的web弹层组件,她具备全...
layer是一款近年来备受青睐的web弹层组件，官网地址是：http://layer.layui.com/可以从官...
layui.use(['layer','laydate','form'], function () { layer...
jQuery插件库； WEB弹窗； jar包下载； svg图片下载； echarts使用； layui网站； 待续...
本文标题：layui layer 弹窗组件显示图片
本文链接：https://www.haomeiwen.com/subject/bhpbcdtx.html
网友评论