layer弹层不能实现，是操作过程中出现错误造成的，解决方法如下：
1、首先要先引用layer.js。
2、添加对应触发弹出框的按钮，写javascript代码进行处理，在layer.open的配置项中加上 maxmin:true。
3、这样弹出框会出现最大化和最小化按钮，用一个layerIndex变量保存打开的弹出框索引，用于最小化和还原时动态隐藏遮罩层。
4、最后添加min、restore方法用于控制遮罩层的打开与隐藏，open的时候要加上title配置项，且值不能为空，要不然最小化的时候会看不到弹出框最小化的内容。
5、显示最小化时隐藏遮罩层如下图。
最好用插件，去layer官网有专门的点击图片，弹出浏览还支持多个图片。
先去官网下载layer包，你的网页引用layer的js文件。
地址：网页链接 点击相册层
然后js代码：
//调用示例
layer.ready(function(){ //为了layer.ext.js加载完毕再执行
var ps=$("#psize").val()
layer.photos({
photos: '#layer-photos-demo'
,shift: ps //0-6的选择，指定弹出图片动画类型，默认随机
})
})
html代码：
<div id="layer-photos-demo" class="layer-photos-demo" >
<img layer-pid="图片id，可以不写" layer-src="缩略图片地址" src="图片地址" alt="" style="height: 140pxwidth: 120pxborder:1px solid #bbb">
</div>
