
项目中自己diy了一个图片查看器。因为初始代码不是自己的,只是在上面改了一下也没有弄的很漂亮。等以后有时间了在重写一下样式和封装,作为备用的只是积累吧。如果有童鞋有用到,完全可以在此基础上改,比较容易,代码也比较简单
图片查看器主要有几个功能:
1.显示图片和图片信息(图片名称、发布者等等)
2.切换图片
3.关闭图片查看器
初始化接口函数pictureViewer.init: function(picInfos,tapNumber,isBig)
picInfos: 传入图片组信息,必须,格式如下
var picInfos = [
{
“url” : “default.png”,
“data”: [
{
“key”:”名称:”,
“value”:”测试图片”
},
{
“key”:”发布者:”,
“value”:”chua”
}
]
},
{
“url” : “test.jpeg”,
“data”: [
{
“key”:”名称”,
“value”:”测试图片”
},
{
“key”:”发布者:”,
“value”:”发大水发大水发顺风h”
},
{
“key”:”这个图片的其他信息”,
“value”:”vsfsgsdgfds234323424″
}
]
},
…
] //传入参数的样式
tapNumber:
要显示的图片在图片列表中的索引,必须,从0开始
isBig:
是否使用大图查看,默认是false,可选
html及css源码如下(后面有一个例子)