layui layer.photos展示图片

<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>

<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参数）
});
});

最后

以上就是唠叨大侠最近收集整理的关于layui layer.photos展示图片的全部内容，更多相关layui内容请搜索靠谱客的其他文章。