-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
50 lines (49 loc) · 1.99 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>手风琴画册</title>
<link rel="stylesheet" href="css/reset.css"/>
<link rel="stylesheet" href="css/index.css"/>
<script type="text/javascript" src="./index.js"></script>
</head>
<body>
<div id="xy-gallery">
<div><img src="./img/image1.jpg"></div>
<div>
<img src="./img/image2.jpg">
<div class="text">
<p>some text here</p>
</div>
</div>
<div><img src="./img/image3.jpg"></div>
<div><img src="./img/image4.jpg"></div>
<div><img src="./img/image5.jpg"></div>
<div>
<img src="./img/image6.jpg">
<div class="text">
<h1>this is a big title</h1>
<p>Laborum anim quis non sint qui. Non deserunt laboris nulla proident tempor in occaecat. Excepteur proident ex veniam labore. Magna dolor sunt pariatur nisi nulla. Est pariatur amet cillum sint nostrud. Proident mollit occaecat exercitation minim nisi labore ullamco nulla mollit pariatur. Commodo aute est culpa pariatur velit tempor enim ipsum deserunt id non tempor.</p>
</div>
</div>
<div><img src="./img/image7.jpg"></div>
<div><img src="./img/image8.jpg"></div>
<div><img src="./img/image9.jpg"></div>
<div><img src="./img/image10.jpg"></div>
<div><img src="./img/image11.jpg"></div>
<div><img src="./img/image12.jpg"></div>
<div><img src="./img/image13.jpg"></div>
<div><img src="./img/image14.jpg"></div>
<div><img src="./img/image15.jpg"></div>
<div><img src="./img/image16.jpg"></div>
<div><img src="./img/image17.jpg"></div>
<div><img src="./img/image18.jpg"></div>
<div><img src="./img/image19.jpg"></div>
<div><img src="./img/image20.jpg"></div>
</div>
<script sype="text/javascript" >
var gallery = new XyGallery('xy-gallery',{width:4,height:5});
</script>
</body>
</html>