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>

 

posted @   码奴生来只知道前进~  阅读(120)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
点击右上角即可分享
微信分享提示