v枫叶v

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

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

});

posted on 2022-08-09 14:22  v枫叶v  阅读(675)  评论(0)    收藏  举报