频道栏目
首页 > 资讯 > 其他综合 > 正文

layerUI相册解析

18-07-31        来源:[db:作者]  
收藏   我要投稿

1、

$.getJSON('/jquery/layer/test/photos.json', function(json){

layer.photos({

photos: json,

shift: 5 //0-6的选择,指定弹出图片动画类型,默认随机

});

});

//而返回的json需严格按照如下格式:

{
"title": "", //相册标题
"id": 123, //相册id
"start": 0, //初始显示的图片序号,默认0
"data": [ //相册包含的图片,数组格式
{
"alt": "图片名",
"pid": 666, //图片id
"src": "", //原图地址
"thumb": "" //http://blog.csdn.net/qq87802343/article/details/缩略图地址
}
]

2、

如果是直接从页面中获取图片,那么需要指向图片的父容器,并且你的img可以设定一些规定的属性(但不是必须的)

//HTML示例


 
//调用示例
layer.ready(function(){ //为了layer.ext.js加载完毕再执行
layer.photos({
photos: '#layer-photos-demo'
,shift: 5 //0-6的选择,指定弹出图片动画类型,默认随机
});
});
相关TAG标签
上一篇:python数据分析之numpy基础代码展示
下一篇:正则表达式基础知识
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站