扫一扫分享
images-grid.js是一款仿Facebook网格图片画廊jquery插件。该网格图片画廊在一组图片中是会显示前面1-6幅图片,所有图片以网格进行排列布局。当用户点击某张图片之后,会以全屏轮播图的方式展示所有的图片。
1、引入
<script src="src/images-grid.js"></script>
<link rel="stylesheet" href="src/images-grid.css">
2、初始化
<div id="imgs"></div>
<script>
$('#imgs').imagesGrid({
images: ['img1.png', ... , 'imgN.png']
});
</script>
3、配置
images: [
'hello.png',
'preview.jpg',
{
src: 'car.png', // url
alt: 'Car', // alternative text
title: 'Car', // title
caption: 'Supercar', // modal caption
thumbnail: 'cap-preview.png' // thumbnail image url
}
]
手机预览