images-grid.js 介绍
images-grid.js是一款仿Facebook网格图片画廊jquery插件。该网格图片画廊在一组图片中是会显示前面1-6幅图片,所有图片以网格进行排列布局。当用户点击某张图片之后,会以全屏轮播图的方式展示所有的图片。
images-grid.js使用
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
}
]
网站地址:https://taras-d.github.io/images-grid/
GitHub:https://github.com/taras-d/images-grid
网站描述:一款jquery响应式弹出层图片画廊插件
images-grid.js
官方网站:https://taras-d.github.io/images-grid/
小编说
以上是编程之家为你收集整理的images-grid.js全部内容。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。