forked from weecology/DeepForest
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (91 loc) · 2.98 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<title>DeepForest Gallery</title>
<link rel="stylesheet" href="public/lightgallery/css/lightgallery.css" />
<link rel="stylesheet" href="public/lightgallery/css/lg-exif.min.css" />
<link rel="stylesheet" href="public/videojs/video-js.min.css" />
<link rel="stylesheet" href="public/core.css" />
<link rel="stylesheet" href="public/theme.css" />
</head>
<body>
<header>
<a href="index.html">
<h1>Photo album</h1>
</a>
</header>
<!--
Breadcrumbs of parent albums
-->
<ul id="galleries">
</ul>
<ul id="media">
<li data-src="media/large/image.png"
data-sub-html=""
data-download-url="media/large/image.png"
data-filename="image.png"
>
<a href="media/large/image.png">
<img src="media/thumbs/image.png"
width="120"
height="120"
alt="image.png" />
</a>
</li>
<li data-src="media/large/example_image.png"
data-sub-html=""
data-download-url="media/large/example_image.png"
data-filename="example_image.png"
>
<a href="media/large/example_image.png">
<img src="media/thumbs/example_image.png"
width="120"
height="120"
alt="example_image.png" />
</a>
</li>
<li data-src="media/large/predict_tile.png"
data-sub-html=""
data-download-url="media/large/predict_tile.png"
data-filename="predict_tile.png"
>
<a href="media/large/predict_tile.png">
<img src="media/thumbs/predict_tile.png"
width="120"
height="120"
alt="predict_tile.png" />
</a>
</li></ul>
<!--
Optional footer
-->
<!-- 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>