Layui - 实现图片相册预览功能（layer）

前言

本文使用的是 V2 版本（v2.6.8），其他版本仅供参考。

在 web 网页开发中，一般网站都会有相册预览功能，layui 内置了此插件。

示例代码

官方文档：https://www.ilayuis.com/doc/modules/layer.html

如下代码所示，运行即可看到效果。

<div id="layer-photos-demo" class="layer-photos-demo">
  <img layer-pid="图片id，可以不写" layer-src="大图地址" src="缩略图" alt="图片名">
  <img layer-pid="图片id，可以不写" layer-src="大图地址" src="缩略图" alt="图片名">
</div>

<script>
//调用示例
layer.photos({
      
      
  photos: '#layer-photos-demo',// dom
  shade: .6,// 0-1的选择，背后模态层透明度
  anim: 5 // 0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
}); 
</script>