前言
本文使用的是
V2
版本(v2.6.8),其他版本仅供参考。
在 web 网页开发中,一般网站都会有相册预览功能,layui 内置了此插件。
示例代码
如下代码所示,运行即可看到效果。
<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>