layui 查看相册层 点击图片 和点击按钮
<div id="layer-photos-demo" class="layer-photos-demo">
<img layer-pid="image1" layer-src="image/1.png" src="image/1.png" alt="飞云之下" title="飞云之下" height="250">
<img layer-pid="image2" layer-src="image/2.jpg" src="image/2.jpg" alt="林俊杰" title="林俊杰" height="250">
<img layer-pid="image3" layer-src="image/3.png" src="image/3.png" alt="GAI" title="GAI" height="250">
</div>
<button class="fsd" layer-index="0"> 点击弹出相册</button>
<script>
//调用示例
function photos(){
layer.photos({
photos: '#layer-photos-demo'
,anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
});
}
$(".fsd").click(function(){
var imgArry = [];
$(".layer-photos-demo").find("img").each(function(){
imgArry.push({"alt": "fddf","src": $(this).attr("src")})
})
layer.photos({
photos: {
"title": "", //相册标题
"id": 123, //相册id
"start": 0, //初始显示的图片序号,默认0
"data": imgArry
} //格式见API文档手册页
,anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
});
})
</script>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战