images-grid.js

网站地址:https://taras-d.github.io/images-grid/

GitHub:https://github.com/taras-d/images-grid

描述信息:一款jquery响应式弹出层图片画廊插件

访问官网

GitHub

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://web.fly63.com/nav/273