layui layer.photos展示图片

93 阅读 0 评论 62 点赞

我是靠谱客的博主唠叨大侠，这篇文章主要介绍layui layer.photos展示图片，现在分享给大家，希望可以做个参考。

复制代码

1
2
3
4
5
6
7
8
9
10
11
<div
class="layer-photos-demo">
<img layer-pid="pid1" layer-src="../images/a.jpg" src="../images/a.jpg" alt="a1">
<img layer-pid="pid2" layer-src="../images/b.jpg" src="../images/b.jpg" alt="a2">
</div>
<div
class="layer-photos-demo">
<img layer-pid="pid1" layer-src="../images/a.jpg" src="../images/a.jpg" alt="a1">
<img layer-pid="pid2" layer-src="../images/b.jpg" src="../images/b.jpg" alt="a2">
</div>

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script src="../layui/layui.js"></script>
<script>
layui.use(['form','layer'], function(){
//----------模块----------
var form = layui.form;
var layer = layui.layer;
//调用示例
layer.photos({
//类选择器
选择图片的父容器

photos: '.layer-photos-demo'
,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
});
});