-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
43 lines (36 loc) · 1.57 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
<html>
<head>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/nanogallery2@3/dist/css/nanogallery2.min.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/nanogallery2@3/dist/jquery.nanogallery2.min.js"></script>
</head>
<body>
<h1>Gallery made with nanogallery2</h1>
<div ID="ngy2p" data-nanogallery2='{
"itemsBaseURL": "http://nanogallery2.nanostudio.org/samples/",
"thumbnailWidth": "auto",
"thumbnailBorderVertical": 0,
"thumbnailBorderHorizontal": 0,
"colorScheme": {
"thumbnail": {
"background": "rgba(7,0,0,1)"
}
},
"thumbnailLabel": {
"position": "overImageOnBottom",
"display": false
},
"thumbnailHoverEffect2": "imageScaleIn80|toolsAppear|toolsAppear",
"galleryDisplayMode": "moreButton",
"galleryMaxRows": 5,
"galleryDisplayMoreStep": 5,
"thumbnailAlignment": "center",
"thumbnailOpenImage": true
}'>
<a href="berlin1.jpg" data-ngthumb="berlin1t.jpg" data-ngdesc="">Berlin 1</a>
<a href="berlin2.jpg" data-ngthumb="berlin2t.jpg" data-ngdesc="">Berlin 2</a>
<a href="berlin3.jpg" data-ngthumb="berlin3t.jpg" data-ngdesc="">Berlin 3</a>
</div>
</body>
</html>