LayUI点击按钮弹出图片预览并且可以左右滑动

今天项目中需要实现一个需求：将用户上传图片记录以列表的形式展现出来，并且点击操作栏中的查看，弹出图片预览并且可以左右翻看上一张或下一张图片，样式如下：

---

代码如下：

<div id="layer-photos" class="layer-photos-demo" style="display:none"> 

</div>

---

table.on('tool(dataTable)', function(obj){
         var data = obj.data;
         if(obj.event == 'detail'){
           var photoParent = $("#layer-photos").empty();    
           var imglist = data.ebookWomReportFileList;
           var imgArry = [];
           $(imglist).each(function(o){
               var imgsrc = "https://xxxx/download/"+this.id+this.fileSuffix;
           });
           
           layer.photos({
              photos: {
                  "title":"产检报告",
                  "id": 123,
                  "start": 0,
                  "data": imgArry
               }
              ,anim: 2 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
            });