lanternjs
Version:
Lightweight image lightbox library
43 lines (42 loc) • 3.25 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>Lantern.js Test</title>
<link rel="stylesheet" href="bower_components/normalize.css/normalize.css">
<link rel="stylesheet" href="lantern-minimal.css">
</head>
<body>
<a href="img/city-sunny-people-street.jpg" data-lantern><img src="img/city-sunny-people-street_thumb.jpg"></a>
<a href="img/people-woman-coffee-meeting.jpg" data-lantern><img src="img/people-woman-coffee-meeting_thumb.jpg"></a>
<a href="img/pexels-photo.jpg" data-lantern><img src="img/pexels-photo_thumb.jpg"></a>
<a href="img/city-sunny-people-street.jpg" data-lantern><img src="img/city-sunny-people-street_thumb.jpg"></a>
<a href="img/people-woman-coffee-meeting.jpg" data-lantern><img src="img/people-woman-coffee-meeting_thumb.jpg"></a>
<a href="img/pexels-photo.jpg" data-lantern><img src="img/pexels-photo_thumb.jpg"></a>
<a href="img/city-sunny-people-street.jpg" data-lantern><img src="img/city-sunny-people-street_thumb.jpg"></a>
<a href="img/people-woman-coffee-meeting.jpg" data-lantern><img src="img/people-woman-coffee-meeting_thumb.jpg"></a>
<a href="img/pexels-photo.jpg" data-lantern><img src="img/pexels-photo_thumb.jpg"></a>
<a href="img/city-sunny-people-street.jpg" data-lantern><img src="img/city-sunny-people-street_thumb.jpg"></a>
<a href="img/people-woman-coffee-meeting.jpg" data-lantern><img src="img/people-woman-coffee-meeting_thumb.jpg"></a>
<a href="img/pexels-photo.jpg" data-lantern><img src="img/pexels-photo_thumb.jpg"></a>
<a href="img/city-sunny-people-street.jpg" data-lantern><img src="img/city-sunny-people-street_thumb.jpg"></a>
<a href="img/people-woman-coffee-meeting.jpg" data-lantern><img src="img/people-woman-coffee-meeting_thumb.jpg"></a>
<a href="img/pexels-photo.jpg" data-lantern><img src="img/pexels-photo_thumb.jpg"></a>
<a href="img/city-sunny-people-street.jpg" data-lantern><img src="img/city-sunny-people-street_thumb.jpg"></a>
<a href="img/people-woman-coffee-meeting.jpg" data-lantern><img src="img/people-woman-coffee-meeting_thumb.jpg"></a>
<a href="img/pexels-photo.jpg" data-lantern><img src="img/pexels-photo_thumb.jpg"></a>
<a href="img/city-sunny-people-street.jpg" data-lantern><img src="img/city-sunny-people-street_thumb.jpg"></a>
<a href="img/people-woman-coffee-meeting.jpg" data-lantern><img src="img/people-woman-coffee-meeting_thumb.jpg"></a>
<a href="img/pexels-photo.jpg" data-lantern><img src="img/pexels-photo_thumb.jpg"></a>
<a href="img/city-sunny-people-street.jpg" data-lantern><img src="img/city-sunny-people-street_thumb.jpg"></a>
<a href="img/people-woman-coffee-meeting.jpg" data-lantern><img src="img/people-woman-coffee-meeting_thumb.jpg"></a>
<a href="img/pexels-photo.jpg" data-lantern><img src="img/pexels-photo_thumb.jpg"></a>
<a href="img/city-sunny-people-street.jpg" data-lantern><img src="img/city-sunny-people-street_thumb.jpg"></a>
<a href="img/people-woman-coffee-meeting.jpg" data-lantern><img src="img/people-woman-coffee-meeting_thumb.jpg"></a>
<a href="img/pexels-photo.jpg" data-lantern><img src="img/pexels-photo_thumb.jpg"></a>
<script src="lantern.js"></script>
<script>
var lantern = new Lantern();
</script>
</body>
</html>