jQuery实现简单的图片查看器

jQuery实现简单的图片查看器

项目中自己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源码如下(后面有一个例子)

© 版权声明

相关文章

暂无评论

none
暂无评论...