-
Notifications
You must be signed in to change notification settings - Fork 1
/
2009-2009-04-02.html
120 lines (97 loc) · 3.56 KB
/
2009-2009-04-02.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<title>Photo album - 2009-04-02</title>
<link rel="stylesheet" href="public/lightgallery/css/lightgallery.css" />
<link rel="stylesheet" href="public/videojs/video-js.min.css" />
<link rel="stylesheet" href="public/lightgallery/css/lg-exif.min.css" />
<link rel="stylesheet" href="public/core.css" />
<link rel="stylesheet" href="public/theme.css" />
</head>
<body>
<div id="container">
<!--
Gallery title
-->
<header>
<h1><a href="index.html">Photo album</a></h1>
</header>
<!--
Breadcrumbs of parent albums
-->
<nav class="breadcrumbs">
<a class="breadcrumb-item" href="index.html">Home</a> / <a class="breadcrumb-item" href="2009.html">2009</a> / <a class="breadcrumb-item" href="2009-2009-04-02.html">2009-04-02</a>
</nav>
<!--
Nested albums, if any
-->
<div id="albums">
</div>
<!--
All photos and videos
-->
<ul id="media" class="clearfix">
<li data-src="media/large/2009/2009-04-02/3406145101_d462196f12_o_rex.jpg"
data-sub-html=""
data-download-url="media/large/2009/2009-04-02/3406145101_d462196f12_o_rex.jpg"
data-filename="3406145101_d462196f12_o_rex.jpg"
>
<a href="media/large/2009/2009-04-02/3406145101_d462196f12_o_rex.jpg">
<img src="media/thumbs/2009/2009-04-02/3406145101_d462196f12_o_rex.jpg"
width="120"
height="120"
alt="3406145101_d462196f12_o_rex.jpg" />
</a>
</li>
<li data-src="media/large/2009/2009-04-02/3406954982_8ff628ca11_o_rex.jpg"
data-sub-html=""
data-download-url="media/large/2009/2009-04-02/3406954982_8ff628ca11_o_rex.jpg"
data-filename="3406954982_8ff628ca11_o_rex.jpg"
>
<a href="media/large/2009/2009-04-02/3406954982_8ff628ca11_o_rex.jpg">
<img src="media/thumbs/2009/2009-04-02/3406954982_8ff628ca11_o_rex.jpg"
width="120"
height="120"
alt="3406954982_8ff628ca11_o_rex.jpg" />
</a>
</li> </ul>
<!--
Pagination
-->
<!--
Zip file link
-->
<!--
Optional footer
-->
</div>
<!-- Video loader -->
<div id="videos">
</div>
<!-- jQuery -->
<script src="public/jquery.min.js"></script>
<!-- VideoJS -->
<script src="public/videojs/video.min.js"></script>
<!-- LightGallery -->
<script src="public/lightgallery/js/lightgallery.js"></script>
<script src="public/lightgallery/js/lg-autoplay.js"></script>
<script src="public/lightgallery/js/lg-pager.js"></script>
<script src="public/lightgallery/js/lg-thumbnail.js"></script>
<script src="public/lightgallery/js/lg-video.js"></script>
<script src="public/lightgallery/js/lg-exif.min.js"></script>
<script>
$(document).ready(function() {
$("#media").lightGallery({
thumbWidth: 80,
controls: true,
loop : false,
download: true,
counter: true,
videojs: true
});
});
</script>
</body>
</html>