Gallery/index.html at master · InternationalCodeCouncil/Gallery · GitHub

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
88
89
90
91
92
93
94
95
<!DOCTYPE HTML>
<!--
/*
 * blueimp Gallery Demo 2.10.0
 * https://github.com/blueimp/Gallery
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
-->
<htmllang="en">
<head>
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<metacharset="utf-8">
<title>blueimp Gallery</title>
<metaname="description" content="blueimp Gallery is a touch-enabled, responsive and customizable image and video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers. It features swipe, mouse and keyboard navigation, transition effects, slideshow functionality, fullscreen support and on-demand content loading and can be extended to display additional content types.">
<metaname="viewport" content="width=device-width, initial-scale=1.0">
<linkrel="stylesheet" href="css/blueimp-gallery.css">
<linkrel="stylesheet" href="css/blueimp-gallery-indicator.css">
<linkrel="stylesheet" href="css/blueimp-gallery-video.css">
<linkrel="stylesheet" href="css/demo.css">
</head>
<body>
<h1>blueimp Gallery</h1>
<p><ahref="https://github.com/blueimp/Gallery">blueimp Gallery</a> is a touch-enabled, responsive and customizable image &amp; video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers.<br>
It features swipe, mouse and keyboard navigation, transition effects, slideshow functionality, fullscreen support and on-demand content loading and can be extended to display additional content types.</p>
<ulclass="navigation">
<li><ahref="https://github.com/blueimp/Gallery/tags">Download</a></li>
<li><ahref="https://github.com/blueimp/Gallery">Source Code</a></li>
<li><ahref="https://github.com/blueimp/Gallery/blob/master/README.md">Documentation</a></li>
<li><ahref="https://blueimp.net">&copy; Sebastian Tschan</a></li>
</ul>
<p><ahref="https://github.com/blueimp/Gallery">blueimp Gallery</a> is based on <ahref="http://swipejs.com/">Swipe</a>.</p>
<br>
<h2>Carousel image gallery</h2>
<!-- The Gallery as inline carousel, can be positioned anywhere on the page -->
<divid="blueimp-image-carousel" class="blueimp-gallery blueimp-gallery-carousel">
<divclass="slides"></div>
<h3class="title"></h3>
<aclass="prev">‹</a>
<aclass="next">›</a>
<aclass="play-pause"></a>
</div>
<br>
<h2>Carousel video gallery</h2>
<!-- The Gallery as inline carousel, can be positioned anywhere on the page -->
<divid="blueimp-video-carousel" class="blueimp-gallery blueimp-gallery-controls blueimp-gallery-carousel">
<divclass="slides"></div>
<h3class="title"></h3>
<aclass="prev">‹</a>
<aclass="next">›</a>
<aclass="play-pause"></a>
</div>
<br>
<h2>Lightbox image gallery</h2>
<!-- The container for the list of example images -->
<divid="links" class="links"></div>
<!-- The Gallery as lightbox dialog, should be a child element of the document body -->
<divid="blueimp-gallery" class="blueimp-gallery">
<divclass="slides"></div>
<h3class="title"></h3>
<aclass="prev">‹</a>
<aclass="next">›</a>
<aclass="close">×</a>
<aclass="play-pause"></a>
<olclass="indicator"></ol>
</div>
<scriptsrc="js/blueimp-helper.js"></script>
<scriptsrc="js/blueimp-gallery.js"></script>
<scriptsrc="js/blueimp-gallery-fullscreen.js"></script>
<scriptsrc="js/blueimp-gallery-indicator.js"></script>
<scriptsrc="js/blueimp-gallery-video.js"></script>
<scriptsrc="js/blueimp-gallery-vimeo.js"></script>
<scriptsrc="js/blueimp-gallery-youtube.js"></script>
<scriptsrc="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
/*jslint evil: true */
/*global window, document*/
// Including jQuery via the protocol relative url above works for both http and https.
// Explicitly including jQuery via http allows running the Gallery demo as local file:
if(!window.jQuery){
document.write(
'<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"><\/script>'
);
}
</script>
<scriptsrc="js/jquery.blueimp-gallery.js"></script>
<scriptsrc="js/demo.js"></script>
</body>
</html>