images-grid.js

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的详细内容...