-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
43 lines (43 loc) · 3.6 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
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" />
<title>SWIPOLOGY</title>
<link rel="stylesheet" href="jquery.swipology.css" type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="jquery.swipology.js"></script>
</head>
<body>
<h1>Super simple swipe gallery</h1>
<ul>
<li>Supported browsers: Android 2.2+, iOS 4+, IE7+, recent versions of Firefox, Chrome</li>
</ul>
<div class="swipology" id="first">
<a href="http://lightbox.com/photo/ek8F3wl"><img src="http://lightbox-photos.s3.amazonaws.com/photos/d7a7cbed8eb5e33e92dc71aab81dfeea_104521_med.jpg" alt="" /></a>
<a href="http://lightbox.com/photo/O8WkvgH"><img src="http://lightbox-photos.s3.amazonaws.com/photos/f74e769d282292909eb6d0c0a4037dc5_731213_med.jpg" alt="The Shard is almost completed" /></a>
<img src="http://lightbox-photos.s3.amazonaws.com/photos/224557fa68eaadc56344212e0ff9a59d_457358_med.jpg" alt="" />
<a href="http://lightbox.com/photo/p8Lzkl3"><img src="http://lightbox-photos.s3.amazonaws.com/photos/f6875a91601d4fe08f1cea2076cf2930_36411_med.jpg" alt="The clouds is like an ice cream" /></a>
<a href="http://lightbox.com/photo/ZV4NYfb"><img src="http://lightbox-photos.s3.amazonaws.com/photos/eb4b35785209bd538a5465253d25074a_356670_med.jpg" alt="#fabric" /></a>
<a href="http://lightbox.com/photo/ct7CtCY"><img src="http://lightbox-photos.s3.amazonaws.com/photos/31caabb962c574cceadd665508cc7b8b_4208004_med.jpg" alt="" /></a>
<a href="http://lightbox.com/photo/CSVXiWx"><img src="http://lightbox-photos.s3.amazonaws.com/photos/94491bc30edb6a26327daa2bfcf0e362_653005_med.jpg" alt="Cow and tree" /></a>
<a href="http://lightbox.com/photo/ytZBypf"><img src="http://lightbox-photos.s3.amazonaws.com/photos/653008459f5f166748866fa2f7ace6f1_461378_med.jpg" alt="#spices Can you tell Ive been to the market?" /></a>
<a href="http://lightbox.com/photo/NwBaq97"><img src="http://lightbox-photos.s3.amazonaws.com/photos/5936103edef65f4eb85f63551c8c9432_688693_med.jpg" alt="" /></a>
<a href="http://lightbox.com/photo/WE5Qscb"><img src="http://lightbox-photos.s3.amazonaws.com/photos/0c8ee475b98f405b95cdad8df54ae2e8_216099_med.jpg" alt="" /></a>
<a href="http://lightbox.com/photo/eLF4UJC"><img src="http://lightbox-photos.s3.amazonaws.com/photos/247f3f99fae688ea53a01c1755f77711_292389_med.jpg" alt="fÎVÊ Ç0l0R$ " /></a>
<a href="http://lightbox.com/photo/2wnWWUG"><img src="http://lightbox-photos.s3.amazonaws.com/photos/0be7469b5c03f10eb022cebc6988e045_2032474_med.jpg" alt="Delicious." /></a>
<a href="http://lightbox.com/photo/MZjb747"><img src="http://lightbox-photos.s3.amazonaws.com/photos/156e5406dd5dda956d488518ba4a3f1d_249006_med.jpg" alt="" /></a>
</div>
<hr />
<div class="swipology" id="second">
<a href="http://lightbox.com/photo/O8WkvgH"><img src="http://lightbox-photos.s3.amazonaws.com/photos/283791d82f3315848b9c9bf0cc9ec1ba_397024_lrg.jpg" alt="The Shard is almost completed" /></a>
<img src="http://lightbox-photos.s3.amazonaws.com/photos/224557fa68eaadc56344212e0ff9a59d_457358_med.jpg" alt="" />
<a href="http://lightbox.com/photo/ek8F3wl"><img src="http://lightbox-photos.s3.amazonaws.com/photos/d7a7cbed8eb5e33e92dc71aab81dfeea_104521_med.jpg" alt="" /></a>
</div>
<hr />
<div style="height: 2000px; background: yellow"></div>
<script type="text/javascript">
$('.swipology').swipology();
</script>
</body>
</html>