-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathDEMO.html
87 lines (73 loc) · 3.54 KB
/
DEMO.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
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>DEMO - 3illiE Gallery Plugin</title>
<!--This Page for Test-->
<link rel="stylesheet" href="test/css-test/test-page.css">
<!--.\This Page for Test-->
<!--billie-gallery-css-->
<link rel="stylesheet" href="env-3illie-gallery-plugin/css/billie-gallery.css">
<!--.\billie-gallery-css-->
</head>
<body>
<div>
<h1># Billie Gallery - Plugin</h1>
<b>* คลิกที่รูปภาพเพื่อทดสอบ</b>
<blockquote>
<b>ดู </b> <a
href="https://github.com/3illiE/gallery-plugin#%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B9%83%E0%B8%8A%E0%B9%89"
target="_blank">วิธีการใช้งาน</a> "Billie Gallery"
</blockquote>
</div>
<p></p>
<p></p>
<b># แบบแยกหมวดหมู่ Gallery</b>
<hr>
<div class="WrapImageAllFlex">
<div class="WrapImage">
<img src="https://images.unsplash.com/photo-1612676239016-41e2c92b8e06?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80"
alt="เขา" billie-gallery="เขา">
</div>
<div class="WrapImage">
<img src="https://images.unsplash.com/photo-1598717123849-abf5846000af?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1898&q=80"
alt="น้ำตก" billie-gallery="น้ำตก">
</div>
<div class="WrapImage">
<img src="https://images.unsplash.com/photo-1506477331477-33d5d8b3dc85?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1934&q=80"
alt="ทะเล" billie-gallery="ทะเล">
</div>
<div class="WrapImage">
<img src="https://images.unsplash.com/photo-1526546334624-2afe5b01088d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1899&q=80"
alt="ตึก" billie-gallery="ตึก">
</div>
</div>
<p></p>
<p></p>
<b># แบบหมวดหมู่ Gallery เดียวกัน</b>
<hr>
<div class="WrapImageAllFlex">
<div class="WrapImage">
<img src="https://images.unsplash.com/photo-1503756234508-e32369269deb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1935&q=80"
alt="sea-1" billie-gallery="sea">
</div>
<div class="WrapImage">
<img src="https://images.unsplash.com/photo-1505118380757-91f5f5632de0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1852&q=80"
alt="sea-2" billie-gallery="sea">
</div>
<div class="WrapImage">
<img src="https://images.unsplash.com/photo-1559128010-7c1ad6e1b6a5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2073&q=80"
alt="sea-3" billie-gallery="sea">
</div>
<div class="WrapImage">
<img src="https://images.unsplash.com/photo-1556103727-777acb371272?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1964&q=80"
alt="sea-4" billie-gallery="sea">
</div>
</div>
<!--billie-gallery-js-->
<script src="env-3illie-gallery-plugin/javascript/billie-gallery.js"></script>
<!--.\billie-gallery-js-->
</body>
</html>