layui相册层

//相册层，也可以称之为图片查看器。它的出场动画从layer内置的动画类型中随机展现。
//photos支持传入json和直接读取页面图片两种方式。
//photos还有tab回调，切换图片时触发

layui.use(['layer'], function() {
  var layer = layui.layer;
  // 1、直接从页面中获取图片，指定图片的父容器，设定img规定的一些属性（非必须）
  // <div id="layer-photos">
  //   <img layer-pid="图片id，可以不写" layer-src="大图地址" src="缩略图" alt="图片名">
  //   <img layer-pid="图片id，可以不写" layer-src="大图地址" src="缩略图" alt="图片名">
  // </div>
  layer.photos({
    photos: '#layer-photos',//图片列表的父容器
    anim: 5, //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
    closeBtn: true
  }); 
	```
  //2、请求接口返回json格式   

{
  "title": "", //相册标题
  "id": 123, //相册id
  "start": 0, //初始显示的图片序号，默认0
  "data": [   //相册包含的图片，数组格式
    {
      "alt": "图片名",
      "pid": 666, //图片id
      "src": "", //原图地址
      "thumb": "" //缩略图地址
    }
  ]
}   $.getJSON('/jquery/layer/test/photos.json', function(json) {
layer.photos({
  photos: json,
  anim: 5, //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
  tab: function(pic, layero){
    console.log(pic) //当前图片的一些信息
  }
});   }); }); ``` layui手册地址：[https://www.layui.com/doc/modules/layer.html](https://www.layui.com/doc/modules/layer.html)