所属分类:网页特效-图片特效
使用方法:
在页面中引入polaroid-gallery.css和polaroid-gallery.js文件。
<link rel="stylesheet" href="dist/polaroid-gallery.css" type="text/css" />
<script src="dist/polaroid-gallery.js"></script>
初始化插件
在页面DOM元素加载完毕之后,可以通过new polaroidGallery()方法来构建一个新的图片画廊对象。
window.onload = function () {
new polaroidGallery();
}
图片画廊中的图片是通过json数据来进行异步加载的,确保在data文件夹中编写data.json文件,json文件里面存放图片的相对路径。文件的基本格式为:
[
{
"name": "img01.jpg",
"caption": "图片1"
},
{
"name": "img02.jpg",
"caption": "图片2"
}
]