微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

images-grid.js

编程之家收集整理的这个编程导航主要介绍了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/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。