本文实例讲述了layer前端组件实现图片显示功能的方法。分享给大家供大家参考,具体如下:
1.在这里介绍一种layer前端组件
layer是一款口碑极佳的web弹层组件,她具备全方位的解决方案, 致力于服务各个水平段的开发人员,您的页面会轻松地拥有丰富而友好的操作体验。
官网下载地址:http://layer.layui.com/
或者点击此处本站下载。
里面有具体的使用方法
这里注意几点:在使用layer前端组件之前,我们要引入layer的js文件
rush:js;">
注意
:layer.js文件应该在jquery后面引入,因为layer.js是基于jquery.js的!2.json
具体的用法如下:
rush:js;">
{ //您服务端接口需严格按照下述格式返回
"status": 1,//请求的状态,1表示成功,其它表示失败
"msg": "",//状态提示语
"title": "",//相册标题
"id": number型,//相册id
"start": 0,//初始显示的图片序号,默认0
"data": [ //相册包含的图片,数组格式
{
"name": "",//图片名
"pid": number型,//图片id
"src": "",//原图地址
"thumb": "",//缩略图地址
"area": [638,851] //原图宽高
}
]
}
利用如:
rush:js;">
StringBuilder str = new StringBuilder();
最后返回的是如:
rush:js;">
return str.toString();
具体的用法也可以到官方网站 http://layer.layui.com/中查看
另:layui完整源码可点击此处本站下载。
希望本文所述对大家基于layui框架的程序设计有所帮助。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。