<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Google Grid Gallery</title>
<meta name="author" content="Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
<script src="js/modernizr.custom.js"></script>
</head>
<body>
<div class="container">
<header class="clearfix">
<h1>Google Grid Gallery</h1>
</header>
<div id="grid-gallery" class="grid-gallery">
<section class="grid-wrap">
<ul class="grid">
<li class="grid-sizer"></li>
<!-- for Masonry column width -->
<li>
<figure> <img src="img/thumb/1.png" alt="img01"/>
<figcaption>
<h3>Letterpress asymmetrical</h3>
<p>Chillwave hoodie ea gentrify aute sriracha consequat.</p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/2.png" alt="img02"/>
<figcaption>
<h3>Vice velit chia</h3>
<p>Laborum tattooed iPhone, Schlitz irure nulla Tonx retro 90's chia cardigan quis asymmetrical paleo. </p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/3.png" alt="img03"/>
<figcaption>
<h3>Brunch semiotics</h3>
<p>Ex disrupt cray yr, butcher pour-over magna umami kitsch before they sold out commodo.</p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/4.png" alt="img04"/>
<figcaption>
<h3>Chillwave nihil occupy</h3>
<p>In post-ironic gluten-free deserunt, PBR&B non pork belly cupidatat polaroid. </p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/5.png" alt="img05"/>
<figcaption>
<h3>Kale chips lomo biodiesel</h3>
<p>Pariatur food truck street art consequat sustainable, et kogi beard qui paleo. </p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/6.png" alt="img06"/>
<figcaption>
<h3>Exercitation occaecat</h3>
<p>Street chillwave hoodie ea gentrify.</p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/1.png" alt="img01"/>
<figcaption>
<h3>Selfies viral four</h3>
<p>Raw denim duis Tonx Shoreditch labore swag artisan High Life cred, stumptown Schlitz quinoa flexitarian mollit fanny pack.</p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/2.png" alt="img02"/>
<figcaption>
<h3>Photo booth skateboard</h3>
<p>Vinyl squid ex High Life. Paleo Neutra nulla master cleanse, Helvetica et enim nesciunt esse.</p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/3.png" alt="img03"/>
<figcaption>
<h3>Ex fashion axe</h3>
<p>Qui nesciunt et, in chia cliche irure. Eu YOLO nihil mollit twee locavore, tempor keytar asymmetrical irure aute sriracha consequat.</p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/4.png" alt="img04"/>
<figcaption>
<h3>Thundercats next level</h3>
<p>Portland nulla butcher ea XOXO, consequat Bushwick Pinterest elit twee pickled direct trade vero. </p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/5.png" alt="img05"/>
<figcaption>
<h3>Bushwick selvage synth</h3>
<p>Bicycle rights flannel Shoreditch, art party laboris Bushwick sriracha authentic chambray hella umami sed distillery master cleanse.</p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/1.png" alt="img01"/>
<figcaption>
<h3>Bottle wayfarers locavore</h3>
<p>Once there was a little asparagus, he was green and lonely.</p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/1.png" alt="img01"/>
<figcaption>
<h3>Letterpress asymmetrical</h3>
<p>Chillwave hoodie ea gentrify aute sriracha consequat.</p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/2.png" alt="img02"/>
<figcaption>
<h3>Vice velit chia</h3>
<p>Laborum tattooed iPhone, Schlitz irure nulla Tonx retro 90's chia cardigan quis asymmetrical paleo. </p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/3.png" alt="img03"/>
<figcaption>
<h3>Brunch semiotics</h3>
<p>Ex disrupt cray yr, butcher pour-over magna umami kitsch before they sold out commodo.</p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/4.png" alt="img04"/>
<figcaption>
<h3>Chillwave nihil occupy</h3>
<p>In post-ironic gluten-free deserunt, PBR&B non pork belly cupidatat polaroid. </p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/5.png" alt="img05"/>
<figcaption>
<h3>Kale chips lomo biodiesel</h3>
<p>Pariatur food truck street art consequat sustainable, et kogi beard qui paleo. </p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/6.png" alt="img06"/>
<figcaption>
<h3>Exercitation occaecat</h3>
<p>Street chillwave hoodie ea gentrify.</p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/1.png" alt="img01"/>
<figcaption>
<h3>Selfies viral four</h3>
<p>Raw denim duis Tonx Shoreditch labore swag artisan High Life cred, stumptown Schlitz quinoa flexitarian mollit fanny pack.</p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/2.png" alt="img02"/>
<figcaption>
<h3>Photo booth skateboard</h3>
<p>Vinyl squid ex High Life. Paleo Neutra nulla master cleanse, Helvetica et enim nesciunt esse.</p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/3.png" alt="img03"/>
<figcaption>
<h3>Ex fashion axe</h3>
<p>Qui nesciunt et, in chia cliche irure. Eu YOLO nihil mollit twee locavore, tempor keytar asymmetrical irure aute sriracha consequat.</p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/4.png" alt="img04"/>
<figcaption>
<h3>Thundercats next level</h3>
<p>Portland nulla butcher ea XOXO, consequat Bushwick Pinterest elit twee pickled direct trade vero. </p>
</figcaption>
</figure>
</li>
<li>
<figure> <img src="img/thumb/5.png" alt="img05"/>
<figcaption>
jquery插件库-Grid Gallery 瀑布流与弹出层.zip
版权申诉
10 浏览量
2023-03-15
05:09:05
上传
评论
收藏 70KB ZIP 举报
jquery插件库-Grid Gallery 瀑布流与弹出层.zip （20个子文件） 
jquery插件库-Grid Gallery 瀑布流与弹出层 js 
imagesloaded.pkgd.min.js 7KB masonry.pkgd.min.js 24KB cbpGridGallery.js 12KB classie.js 2KB modernizr.custom.js 9KB img thumb 
3.png 2KB 1.png 2KB 6.png 4KB 5.png 2KB 4.png 2KB 2.png 2KB large 3.png 5KB 1.png 4KB 6.png 5KB 5.png 4KB 4.png 5KB 2.png 5KB css demo.css 3KB component.css 5KB
index.html 20KB资源评论
