-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdropbox.html
58 lines (54 loc) · 3.32 KB
/
dropbox.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
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="./css/chocolat.css">
<script type="text/javascript" src="./js/chocolat.iife.js">
</script>
</head>
<body>
<h1>
Hello world
</h1>
<div class="popup-gallery">
<a class="chocolat-image" href="https://www.dropbox.com/s/xjehloewg2wlm9l/20181226-_1744628.jpg?dl=1">
<img src="https://www.dropbox.com/s/bbz2wallzrrp578/20181226-_1744628.jpg?dl=1">
</a>
<a class="chocolat-image" href="https://www.dropbox.com/s/ok7q9evr8q207gc/20181226-_1744638.jpg?dl=1">
<img src="https://www.dropbox.com/s/bpt7y4u9g0jcut0/20181226-_1744638.jpg?dl=1">
</a>
<a class="chocolat-image" href="https://www.dropbox.com/s/rc8676i57gy8ucn/20181226-_1744651.jpg?dl=1">
<img src="https://www.dropbox.com/s/oljx5l79j5lm2xc/20181226-_1744651.jpg?dl=1">
</a>
<a class="chocolat-image" href="https://www.dropbox.com/s/atsdxcgp0maejax/20181226-_1744673.jpg?dl=1">
<img src="https://www.dropbox.com/s/a7xw87pujhx21l0/20181226-_1744673.jpg?dl=1">
</a>
<a class="chocolat-image" href="https://www.dropbox.com/s/ldrlepietka6ohx/20181226-_1744791.jpg?dl=1">
<img src="https://www.dropbox.com/s/2pf009tneixyrq2/20181226-_1744791.jpg?dl=1">
</a>
<a class="chocolat-image" href="https://www.dropbox.com/s/69dn1stzchhqrxd/20181226-_1744796.jpg?dl=1">
<img src="https://www.dropbox.com/s/g9lqts4venmr5ny/20181226-_1744796.jpg?dl=1">
</a>
<a class="chocolat-image" href="https://www.dropbox.com/s/wiyrc7cjwb2g35q/20181226-_1744816.jpg?dl=1">
<img src="https://www.dropbox.com/s/7ultr00utjfkpnj/20181226-_1744816.jpg?dl=1">
</a>
<a class="chocolat-image" href="https://www.dropbox.com/s/vav2odzafsrjup7/20181226-_1744863.jpg?dl=1">
<img src="https://www.dropbox.com/s/hvsq9a02ow5mi0z/20181226-_1744863.jpg?dl=1">
</a>
<a class="chocolat-image" href="https://www.dropbox.com/s/676kb9slfpqtwpp/20181226-_1744873.jpg?dl=1">
<img src="https://www.dropbox.com/s/mehi4hud4nl0ds7/20181226-_1744873.jpg?dl=1">
</a>
<a class="chocolat-image" href="https://www.dropbox.com/s/jm6fifi8vclfbwh/20181226-_1744893.jpg?dl=1">
<img src="https://www.dropbox.com/s/e0rgdlg0ifum30j/20181226-_1744893.jpg?dl=1">
</a>
<a class="chocolat-image" href="https://www.dropbox.com/s/u1qho2zqn5f0s57/20181226-_1744903.jpg?dl=1">
<img src="https://www.dropbox.com/s/02s2aekrb87zjdj/20181226-_1744903.jpg?dl=1">
</a>
<a class="chocolat-image" href="https://www.dropbox.com/s/a03ycsy6qwzw55y/20181226-_1744913.jpg?dl=1">
<img src="https://www.dropbox.com/s/kdbvpyvufyrnoug/20181226-_1744913.jpg?dl=1">
</a>
</div>
<script>
Chocolat(document.querySelectorAll('.chocolat-image'), {imageSize: 'native', loop: true })
</script>
</body>
</html>