最好用插件，去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>
1、新建一个html文件，命名为test.html。
2、在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。
3、在test.html文件内，在p标签内，使用button标签创建一个按钮，按钮名称为“按钮”。
4、在test.html文件内，设置button标签的id为mybtn，主要用于下面通过该id获得button对象。
5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行btnfun（）函数。
6、在js标签中，创建btnfun()函数，在函数内，通过id(mybtn)获得button对象，使用attr()方法将disabled属性设置为disabled，让按钮变成不可用状态即可。
