layer.photos动态加载图片及静态加载图片

1. layer组件  -  静态加载图片缩略图

//HTML示例
<div id="layer-photos-img">
  <img src="图片地址">
  <img src="图片地址">
</div>
 
<script>
    //调用示例
    layer.photos({
      photos: '#layer-photos-img',
      anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
    }); 
</script>

2. layer组件  -  动态加载图片缩略图

// HTML示例
<div class='img-list'>
  <img src="图片地址">
</div>
<div class='img-list'>
  <img src="图片地址">
</div>
<div class='img-list'>
  <img src="图片地址">
</div>
 
<script>
    // 调用示例
    $("body").on("click",".img-list img",function(e){
          layer.photos({
                 photos: { "data": [{"src": e.target.src,}]}
          });
    });
</script>

一个小问题,记录一下。 

posted @ 2021-03-29 14:21  Roc丶Y  阅读(1574)  评论(0编辑  收藏  举报