Demo #1 | Demo #2 | Demo #3 | Mockup | ReadMe | Github Repo | Download

A series of single u-photo elements, without any u-gallery containers, which are linked to a shared lightbox (try clicking!)




(Click the ReadMe link up top for a thorough run-down)

HTML example for this gallery:

<head>

<script src="file/jquery.min.js"></script>
<script src="file/webcomponents-lite.js"></script>
<link rel="stylesheet" href="file/lightbox.css">
<link rel="import" href="file/u-photo.html">
<link rel="import" href="file/u-gallery.html">

</head>

<body>

<u-photo image="images/chicago01.jpg" album="testalbum" about="Addison" cushion="5" grid="6"></u-photo>
<u-photo image="images/chicago02.jpg" album="testalbum" about="Addison" cushion="5" grid="6"></u-photo>
<u-photo image="images/chicago03.jpg" album="testalbum" about="North/Clybourn" cushion="5" grid="6"></u-photo>
<u-photo image="images/chicago04.jpg" album="testalbum" about="Jackson" cushion="5" grid="6"></u-photo>
...

<script src="file/lightbox.min.js"></script>

</body>