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 layer.photos展示图片所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。