jekyll-theme-artsy 0.1.0 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/css/bootstrap.min.css +8143 -0
- data/css/galleries.css +150 -0
- data/css/home.css +151 -0
- data/css/journal.css +235 -0
- data/css/magnificpopup.css +352 -0
- data/css/main.css +856 -0
- data/css/selena.css +50 -0
- data/css/super-search.css +110 -0
- data/css/tags-wrap.css +35 -0
- data/img/404.jpg +0 -0
- data/img/about-bg.jpg +0 -0
- data/img/add-to-cart.png +0 -0
- data/img/archive-bg.jpg +0 -0
- data/img/avatar.png +0 -0
- data/img/bookbutton.png +0 -0
- data/img/cart-empty.png +0 -0
- data/img/cart-full.png +0 -0
- data/img/donate.png +0 -0
- data/img/gallery-bg.jpg +0 -0
- data/img/journal/post01.jpg +0 -0
- data/img/journal/post02.jpg +0 -0
- data/img/journal/post03.jpg +0 -0
- data/img/left-arrow.svg +36 -0
- data/img/lightbox/close.png +0 -0
- data/img/lightbox/loading.gif +0 -0
- data/img/lightbox/next.png +0 -0
- data/img/lightbox/prev.png +0 -0
- data/img/loading.gif +0 -0
- data/img/logo.png +0 -0
- data/img/misc-bg.jpg +0 -0
- data/img/postcover/pc001.jpg +0 -0
- data/img/postcover/pc002.jpg +0 -0
- data/img/postcover/pc003.jpg +0 -0
- data/img/postcover/pc004.jpg +0 -0
- data/img/postcover/pc005.jpg +0 -0
- data/img/postcover/pc006.jpg +0 -0
- data/img/postcover/pc007.jpg +0 -0
- data/img/postcover/pc008.jpg +0 -0
- data/img/right-arrow.svg +36 -0
- data/img/siteicon.png +0 -0
- data/img/watermark-1900x1900-alt.png +0 -0
- data/img/watermark-1900x1900.png +0 -0
- data/img/watermark-800x800.png +0 -0
- data/img/writing-bg.jpg +0 -0
- data/js/dripload.js +37 -0
- data/js/fullcart.js +22 -0
- data/js/isotope.pkgd.min.js +8 -0
- data/js/jquery.cycle.min.js +1 -0
- data/js/jquery.isotope.min.js +13 -0
- data/js/jquery.lazylinepainter.min.js +17 -0
- data/js/jquery.magnific-popup.js +1861 -0
- data/js/jquery.mousewheel.min.js +8 -0
- data/js/jquery.tinycarousel.min.js +7 -0
- data/js/kenburns.min.js +6 -0
- data/js/main.min.js +588 -0
- data/js/modernizr.js +2 -0
- data/js/owlcarousel/.gitattributes +5 -0
- data/js/owlcarousel/.gitignore +18 -0
- data/js/owlcarousel/.travis.yml +14 -0
- data/js/owlcarousel/CONTRIBUTING.md +88 -0
- data/js/owlcarousel/Gruntfile.js +320 -0
- data/js/owlcarousel/ISSUE_TEMPLATE.md +14 -0
- data/js/owlcarousel/LICENSE +23 -0
- data/js/owlcarousel/README.md +122 -0
- data/js/owlcarousel/ROADMAP.md +57 -0
- data/js/owlcarousel/_config.json +30 -0
- data/js/owlcarousel/bower.json +13 -0
- data/js/owlcarousel/dist/LICENSE +23 -0
- data/js/owlcarousel/dist/README.md +122 -0
- data/js/owlcarousel/dist/assets/ajax-loader.gif +0 -0
- data/js/owlcarousel/dist/assets/owl.carousel.css +186 -0
- data/js/owlcarousel/dist/assets/owl.carousel.min.css +6 -0
- data/js/owlcarousel/dist/assets/owl.theme.default.css +50 -0
- data/js/owlcarousel/dist/assets/owl.theme.default.min.css +6 -0
- data/js/owlcarousel/dist/assets/owl.theme.green.css +50 -0
- data/js/owlcarousel/dist/assets/owl.theme.green.min.css +6 -0
- data/js/owlcarousel/dist/assets/owl.video.play.png +0 -0
- data/js/owlcarousel/dist/owl.carousel.js +3448 -0
- data/js/owlcarousel/dist/owl.carousel.min.js +7 -0
- data/js/owlcarousel/docs/assets/css/animate.css +3303 -0
- data/js/owlcarousel/docs/assets/css/docs.theme.min.css +1 -0
- data/js/owlcarousel/docs/assets/img/bird_blue_32.png +0 -0
- data/js/owlcarousel/docs/assets/img/download.png +0 -0
- data/js/owlcarousel/docs/assets/img/feature-drag.png +0 -0
- data/js/owlcarousel/docs/assets/img/feature-modern.png +0 -0
- data/js/owlcarousel/docs/assets/img/feature-module.png +0 -0
- data/js/owlcarousel/docs/assets/img/feature-options.png +0 -0
- data/js/owlcarousel/docs/assets/img/feature-responsive.png +0 -0
- data/js/owlcarousel/docs/assets/img/feature-zombie.png +0 -0
- data/js/owlcarousel/docs/assets/img/owl-logo.png +0 -0
- data/js/owlcarousel/docs/assets/img/twitter_25.png +0 -0
- data/js/owlcarousel/docs/assets/js/app.js +32 -0
- data/js/owlcarousel/docs/assets/js/foundation.min.js +3 -0
- data/js/owlcarousel/docs/assets/owlcarousel/README.md +122 -0
- data/js/owlcarousel/docs/assets/owlcarousel/assets/ajax-loader.gif +0 -0
- data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.carousel.css +186 -0
- data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.carousel.min.css +6 -0
- data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.theme.default.css +50 -0
- data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.theme.default.min.css +6 -0
- data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.theme.green.css +50 -0
- data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.theme.green.min.css +6 -0
- data/js/owlcarousel/docs/assets/owlcarousel/assets/owl.video.play.png +0 -0
- data/js/owlcarousel/docs/assets/owlcarousel/owl.carousel.js +3448 -0
- data/js/owlcarousel/docs/assets/owlcarousel/owl.carousel.min.js +7 -0
- data/js/owlcarousel/docs/assets/vendors/foundation.min.js +3 -0
- data/js/owlcarousel/docs/assets/vendors/highlight.js +1 -0
- data/js/owlcarousel/docs/assets/vendors/jquery.min.js +2 -0
- data/js/owlcarousel/docs/assets/vendors/jquery.min.map +1 -0
- data/js/owlcarousel/docs/assets/vendors/jquery.mousewheel.min.js +8 -0
- data/js/owlcarousel/docs/demos/animate.html +272 -0
- data/js/owlcarousel/docs/demos/autoheight.html +165 -0
- data/js/owlcarousel/docs/demos/autoplay.html +186 -0
- data/js/owlcarousel/docs/demos/autowidth.html +185 -0
- data/js/owlcarousel/docs/demos/basic.html +199 -0
- data/js/owlcarousel/docs/demos/center.html +239 -0
- data/js/owlcarousel/docs/demos/demos.html +198 -0
- data/js/owlcarousel/docs/demos/events.html +207 -0
- data/js/owlcarousel/docs/demos/lazyLoad.html +165 -0
- data/js/owlcarousel/docs/demos/merge.html +202 -0
- data/js/owlcarousel/docs/demos/mousewheel.html +209 -0
- data/js/owlcarousel/docs/demos/responsive.html +297 -0
- data/js/owlcarousel/docs/demos/rtl.html +202 -0
- data/js/owlcarousel/docs/demos/stagepadding.html +202 -0
- data/js/owlcarousel/docs/demos/test.html +144 -0
- data/js/owlcarousel/docs/demos/urlhashnav.html +190 -0
- data/js/owlcarousel/docs/demos/video.html +189 -0
- data/js/owlcarousel/docs/docs/api-classes.html +227 -0
- data/js/owlcarousel/docs/docs/api-events.html +358 -0
- data/js/owlcarousel/docs/docs/api-options.html +395 -0
- data/js/owlcarousel/docs/docs/dev-buildin-plugins.html +157 -0
- data/js/owlcarousel/docs/docs/dev-external.html +151 -0
- data/js/owlcarousel/docs/docs/dev-plugin-api.html +160 -0
- data/js/owlcarousel/docs/docs/dev-styles.html +171 -0
- data/js/owlcarousel/docs/docs/started-faq.html +162 -0
- data/js/owlcarousel/docs/docs/started-installation.html +173 -0
- data/js/owlcarousel/docs/docs/started-welcome.html +196 -0
- data/js/owlcarousel/docs/docs/support-changelog.html +169 -0
- data/js/owlcarousel/docs/docs/support-contact.html +140 -0
- data/js/owlcarousel/docs/docs/support-contributing.html +162 -0
- data/js/owlcarousel/docs/index.html +239 -0
- data/js/owlcarousel/package-lock.json +6169 -0
- data/js/owlcarousel/package.json +57 -0
- data/js/owlcarousel/src/img/ajax-loader.gif +0 -0
- data/js/owlcarousel/src/img/owl.video.play.png +0 -0
- data/js/owlcarousel/src/js/.jscsrc +47 -0
- data/js/owlcarousel/src/js/.jshintrc +13 -0
- data/js/owlcarousel/src/js/owl.animate.js +121 -0
- data/js/owlcarousel/src/js/owl.autoheight.js +132 -0
- data/js/owlcarousel/src/js/owl.autoplay.js +233 -0
- data/js/owlcarousel/src/js/owl.autorefresh.js +111 -0
- data/js/owlcarousel/src/js/owl.carousel.js +1750 -0
- data/js/owlcarousel/src/js/owl.hash.js +122 -0
- data/js/owlcarousel/src/js/owl.lazyload.js +149 -0
- data/js/owlcarousel/src/js/owl.navigation.js +406 -0
- data/js/owlcarousel/src/js/owl.support.js +83 -0
- data/js/owlcarousel/src/js/owl.support.modernizr.js +66 -0
- data/js/owlcarousel/src/js/owl.video.js +327 -0
- data/js/owlcarousel/src/scss/_animate.scss +28 -0
- data/js/owlcarousel/src/scss/_autoheight.scss +7 -0
- data/js/owlcarousel/src/scss/_core.scss +126 -0
- data/js/owlcarousel/src/scss/_lazyload.scss +25 -0
- data/js/owlcarousel/src/scss/_theme.default.scss +30 -0
- data/js/owlcarousel/src/scss/_theme.green.scss +30 -0
- data/js/owlcarousel/src/scss/_theme.scss +64 -0
- data/js/owlcarousel/src/scss/_video.scss +53 -0
- data/js/owlcarousel/src/scss/owl.carousel.scss +5 -0
- data/js/owlcarousel/src/scss/owl.theme.default.scss +1 -0
- data/js/owlcarousel/src/scss/owl.theme.green.scss +1 -0
- data/js/owlcarousel/test/index.html +32 -0
- data/js/owlcarousel/test/unit/autoplay.js +86 -0
- data/js/owlcarousel/test/unit/core.js +140 -0
- data/js/retina.min.js +10 -0
- data/js/scripts.js +204 -0
- data/js/super-search.js +136 -0
- data/js/zepto.min.js +2 -0
- metadata +176 -1
|
@@ -0,0 +1,239 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
|
|
5
|
+
<!-- head -->
|
|
6
|
+
<meta charset="utf-8">
|
|
7
|
+
<meta name="msapplication-tap-highlight" content="no" />
|
|
8
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
9
|
+
<meta name="description" content="Center carousel">
|
|
10
|
+
<meta name="author" content="David Deutsch">
|
|
11
|
+
<title>
|
|
12
|
+
Center Demo | Owl Carousel | 2.3.4
|
|
13
|
+
</title>
|
|
14
|
+
|
|
15
|
+
<!-- Stylesheets -->
|
|
16
|
+
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic,300italic' rel='stylesheet' type='text/css'>
|
|
17
|
+
<link rel="stylesheet" href="../assets/css/docs.theme.min.css">
|
|
18
|
+
|
|
19
|
+
<!-- Owl Stylesheets -->
|
|
20
|
+
<link rel="stylesheet" href="../assets/owlcarousel/assets/owl.carousel.min.css">
|
|
21
|
+
<link rel="stylesheet" href="../assets/owlcarousel/assets/owl.theme.default.min.css">
|
|
22
|
+
|
|
23
|
+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
24
|
+
|
|
25
|
+
<!--[if lt IE 9]>
|
|
26
|
+
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
|
27
|
+
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
|
|
28
|
+
<![endif]-->
|
|
29
|
+
|
|
30
|
+
<!-- Favicons -->
|
|
31
|
+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
|
|
32
|
+
<link rel="shortcut icon" href="../assets/ico/favicon.png">
|
|
33
|
+
<link rel="shortcut icon" href="favicon.ico">
|
|
34
|
+
|
|
35
|
+
<!-- Yeah i know js should not be in header. Its required for demos.-->
|
|
36
|
+
|
|
37
|
+
<!-- javascript -->
|
|
38
|
+
<script src="../assets/vendors/jquery.min.js"></script>
|
|
39
|
+
<script src="../assets/owlcarousel/owl.carousel.js"></script>
|
|
40
|
+
</head>
|
|
41
|
+
<body>
|
|
42
|
+
|
|
43
|
+
<!-- header -->
|
|
44
|
+
<header class="header">
|
|
45
|
+
<div class="row">
|
|
46
|
+
<div class="large-12 columns">
|
|
47
|
+
<div class="brand left">
|
|
48
|
+
<h3>
|
|
49
|
+
<a href="/OwlCarousel2/">owl.carousel.js</a>
|
|
50
|
+
</h3>
|
|
51
|
+
</div>
|
|
52
|
+
<a id="toggle-nav" class="right">
|
|
53
|
+
<span></span> <span></span> <span></span>
|
|
54
|
+
</a>
|
|
55
|
+
<div class="nav-bar">
|
|
56
|
+
<ul class="clearfix">
|
|
57
|
+
<li> <a href="/OwlCarousel2/index.html">Home</a> </li>
|
|
58
|
+
<li class="active">
|
|
59
|
+
<a href="/OwlCarousel2/demos/demos.html">Demos</a>
|
|
60
|
+
</li>
|
|
61
|
+
<li> <a href="/OwlCarousel2/docs/started-welcome.html">Docs</a> </li>
|
|
62
|
+
<li>
|
|
63
|
+
<a href="https://github.com/OwlCarousel2/OwlCarousel2/archive/2.3.4.zip">Download</a>
|
|
64
|
+
<span class="download"></span>
|
|
65
|
+
</li>
|
|
66
|
+
</ul>
|
|
67
|
+
</div>
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
|
+
</header>
|
|
71
|
+
|
|
72
|
+
<!-- title -->
|
|
73
|
+
<section class="title">
|
|
74
|
+
<div class="row">
|
|
75
|
+
<div class="large-12 columns">
|
|
76
|
+
<h1>Center</h1>
|
|
77
|
+
</div>
|
|
78
|
+
</div>
|
|
79
|
+
</section>
|
|
80
|
+
|
|
81
|
+
<!-- Demos -->
|
|
82
|
+
<section id="demos">
|
|
83
|
+
<div class="row">
|
|
84
|
+
<div class="large-12 columns">
|
|
85
|
+
<h4 id="center-with-loop">Center with loop</h4>
|
|
86
|
+
<div class="loop owl-carousel owl-theme">
|
|
87
|
+
<div class="item">
|
|
88
|
+
<h4>1</h4>
|
|
89
|
+
</div>
|
|
90
|
+
<div class="item">
|
|
91
|
+
<h4>2</h4>
|
|
92
|
+
</div>
|
|
93
|
+
<div class="item">
|
|
94
|
+
<h4>3</h4>
|
|
95
|
+
</div>
|
|
96
|
+
<div class="item">
|
|
97
|
+
<h4>4</h4>
|
|
98
|
+
</div>
|
|
99
|
+
<div class="item">
|
|
100
|
+
<h4>5</h4>
|
|
101
|
+
</div>
|
|
102
|
+
<div class="item">
|
|
103
|
+
<h4>6</h4>
|
|
104
|
+
</div>
|
|
105
|
+
<div class="item">
|
|
106
|
+
<h4>7</h4>
|
|
107
|
+
</div>
|
|
108
|
+
<div class="item">
|
|
109
|
+
<h4>8</h4>
|
|
110
|
+
</div>
|
|
111
|
+
<div class="item">
|
|
112
|
+
<h4>9</h4>
|
|
113
|
+
</div>
|
|
114
|
+
<div class="item">
|
|
115
|
+
<h4>10</h4>
|
|
116
|
+
</div>
|
|
117
|
+
<div class="item">
|
|
118
|
+
<h4>11</h4>
|
|
119
|
+
</div>
|
|
120
|
+
<div class="item">
|
|
121
|
+
<h4>12</h4>
|
|
122
|
+
</div>
|
|
123
|
+
</div>
|
|
124
|
+
<br>
|
|
125
|
+
<h4 id="center-without-loop">Center without loop</h4>
|
|
126
|
+
<div class="nonloop owl-carousel">
|
|
127
|
+
<div class="item">
|
|
128
|
+
<h4>1</h4>
|
|
129
|
+
</div>
|
|
130
|
+
<div class="item">
|
|
131
|
+
<h4>2</h4>
|
|
132
|
+
</div>
|
|
133
|
+
<div class="item">
|
|
134
|
+
<h4>3</h4>
|
|
135
|
+
</div>
|
|
136
|
+
<div class="item">
|
|
137
|
+
<h4>4</h4>
|
|
138
|
+
</div>
|
|
139
|
+
<div class="item">
|
|
140
|
+
<h4>5</h4>
|
|
141
|
+
</div>
|
|
142
|
+
<div class="item">
|
|
143
|
+
<h4>6</h4>
|
|
144
|
+
</div>
|
|
145
|
+
<div class="item">
|
|
146
|
+
<h4>7</h4>
|
|
147
|
+
</div>
|
|
148
|
+
<div class="item">
|
|
149
|
+
<h4>8</h4>
|
|
150
|
+
</div>
|
|
151
|
+
<div class="item">
|
|
152
|
+
<h4>9</h4>
|
|
153
|
+
</div>
|
|
154
|
+
<div class="item">
|
|
155
|
+
<h4>10</h4>
|
|
156
|
+
</div>
|
|
157
|
+
<div class="item">
|
|
158
|
+
<h4>11</h4>
|
|
159
|
+
</div>
|
|
160
|
+
<div class="item">
|
|
161
|
+
<h4>12</h4>
|
|
162
|
+
</div>
|
|
163
|
+
</div>
|
|
164
|
+
<h3 id="overview">Overview</h3>
|
|
165
|
+
<blockquote>
|
|
166
|
+
<p>Works well with odd and even items on screen. Keep in mind that dots are not working here like a pagination.</p>
|
|
167
|
+
</blockquote>
|
|
168
|
+
<p>Add center to setup:</p>
|
|
169
|
+
<pre><code>center:true</code></pre>
|
|
170
|
+
<h3 id="setup">Setup</h3>
|
|
171
|
+
<pre><code>$('.loop').owlCarousel({
|
|
172
|
+
center: true,
|
|
173
|
+
items:2,
|
|
174
|
+
loop:true,
|
|
175
|
+
margin:10,
|
|
176
|
+
responsive:{
|
|
177
|
+
600:{
|
|
178
|
+
items:4
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
});
|
|
182
|
+
$('.nonloop').owlCarousel({
|
|
183
|
+
center: true,
|
|
184
|
+
items:2,
|
|
185
|
+
loop:false,
|
|
186
|
+
margin:10,
|
|
187
|
+
responsive:{
|
|
188
|
+
600:{
|
|
189
|
+
items:4
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
});</code></pre>
|
|
193
|
+
<script>
|
|
194
|
+
jQuery(document).ready(function($) {
|
|
195
|
+
$('.loop').owlCarousel({
|
|
196
|
+
center: true,
|
|
197
|
+
items: 2,
|
|
198
|
+
loop: true,
|
|
199
|
+
margin: 10,
|
|
200
|
+
responsive: {
|
|
201
|
+
600: {
|
|
202
|
+
items: 4
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
});
|
|
206
|
+
$('.nonloop').owlCarousel({
|
|
207
|
+
center: true,
|
|
208
|
+
items: 2,
|
|
209
|
+
loop: false,
|
|
210
|
+
margin: 10,
|
|
211
|
+
responsive: {
|
|
212
|
+
600: {
|
|
213
|
+
items: 4
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
});
|
|
217
|
+
});
|
|
218
|
+
</script>
|
|
219
|
+
</div>
|
|
220
|
+
</div>
|
|
221
|
+
</section>
|
|
222
|
+
|
|
223
|
+
<!-- footer -->
|
|
224
|
+
<footer class="footer">
|
|
225
|
+
<div class="row">
|
|
226
|
+
<div class="large-12 columns">
|
|
227
|
+
<h5>
|
|
228
|
+
<a href="/OwlCarousel2/docs/support-contact.html">David Deutsch</a>
|
|
229
|
+
<a id="custom-tweet-button" href="https://twitter.com/share?url=https://github.com/OwlCarousel2/OwlCarousel2&text=Owl Carousel - This is so awesome! " target="_blank"></a>
|
|
230
|
+
</h5>
|
|
231
|
+
</div>
|
|
232
|
+
</div>
|
|
233
|
+
</footer>
|
|
234
|
+
|
|
235
|
+
<!-- vendors -->
|
|
236
|
+
<script src="../assets/vendors/highlight.js"></script>
|
|
237
|
+
<script src="../assets/js/app.js"></script>
|
|
238
|
+
</body>
|
|
239
|
+
</html>
|
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
|
|
5
|
+
<!-- head -->
|
|
6
|
+
<meta charset="utf-8">
|
|
7
|
+
<meta name="msapplication-tap-highlight" content="no" />
|
|
8
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
9
|
+
<meta name="description" content="A list of Owl Carousel examples.">
|
|
10
|
+
<meta name="author" content="David Deutsch">
|
|
11
|
+
<title>
|
|
12
|
+
Demos | Owl Carousel | 2.3.4
|
|
13
|
+
</title>
|
|
14
|
+
|
|
15
|
+
<!-- Stylesheets -->
|
|
16
|
+
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic,300italic' rel='stylesheet' type='text/css'>
|
|
17
|
+
<link rel="stylesheet" href="../assets/css/docs.theme.min.css">
|
|
18
|
+
|
|
19
|
+
<!-- Owl Stylesheets -->
|
|
20
|
+
<link rel="stylesheet" href="../assets/owlcarousel/assets/owl.carousel.min.css">
|
|
21
|
+
<link rel="stylesheet" href="../assets/owlcarousel/assets/owl.theme.default.min.css">
|
|
22
|
+
|
|
23
|
+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
24
|
+
|
|
25
|
+
<!--[if lt IE 9]>
|
|
26
|
+
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
|
27
|
+
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
|
|
28
|
+
<![endif]-->
|
|
29
|
+
|
|
30
|
+
<!-- Favicons -->
|
|
31
|
+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
|
|
32
|
+
<link rel="shortcut icon" href="../assets/ico/favicon.png">
|
|
33
|
+
<link rel="shortcut icon" href="favicon.ico">
|
|
34
|
+
|
|
35
|
+
<!-- Yeah i know js should not be in header. Its required for demos.-->
|
|
36
|
+
|
|
37
|
+
<!-- javascript -->
|
|
38
|
+
<script src="../assets/vendors/jquery.min.js"></script>
|
|
39
|
+
<script src="../assets/owlcarousel/owl.carousel.js"></script>
|
|
40
|
+
</head>
|
|
41
|
+
<body>
|
|
42
|
+
|
|
43
|
+
<!-- header -->
|
|
44
|
+
<header class="header">
|
|
45
|
+
<div class="row">
|
|
46
|
+
<div class="large-12 columns">
|
|
47
|
+
<div class="brand left">
|
|
48
|
+
<h3>
|
|
49
|
+
<a href="/OwlCarousel2/">owl.carousel.js</a>
|
|
50
|
+
</h3>
|
|
51
|
+
</div>
|
|
52
|
+
<a id="toggle-nav" class="right">
|
|
53
|
+
<span></span> <span></span> <span></span>
|
|
54
|
+
</a>
|
|
55
|
+
<div class="nav-bar">
|
|
56
|
+
<ul class="clearfix">
|
|
57
|
+
<li> <a href="/OwlCarousel2/index.html">Home</a> </li>
|
|
58
|
+
<li class="active">
|
|
59
|
+
<a href="/OwlCarousel2/demos/demos.html">Demos</a>
|
|
60
|
+
</li>
|
|
61
|
+
<li> <a href="/OwlCarousel2/docs/started-welcome.html">Docs</a> </li>
|
|
62
|
+
<li>
|
|
63
|
+
<a href="https://github.com/OwlCarousel2/OwlCarousel2/archive/2.3.4.zip">Download</a>
|
|
64
|
+
<span class="download"></span>
|
|
65
|
+
</li>
|
|
66
|
+
</ul>
|
|
67
|
+
</div>
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
|
+
</header>
|
|
71
|
+
|
|
72
|
+
<!-- title -->
|
|
73
|
+
<section class="title">
|
|
74
|
+
<div class="row">
|
|
75
|
+
<div class="large-12 columns">
|
|
76
|
+
<h1>Demos</h1>
|
|
77
|
+
</div>
|
|
78
|
+
</div>
|
|
79
|
+
</section>
|
|
80
|
+
|
|
81
|
+
<!-- Demos -->
|
|
82
|
+
<section id="demos">
|
|
83
|
+
<div class="row">
|
|
84
|
+
<div class="large-12 columns">
|
|
85
|
+
<h4 id="basic-demos-">Basic demos:</h4>
|
|
86
|
+
<hr>
|
|
87
|
+
<div class="demo-list">
|
|
88
|
+
<div class="row">
|
|
89
|
+
<div class="small-6 medium-4 large-3 columns">
|
|
90
|
+
<a href="basic.html" class="demo-block">
|
|
91
|
+
<h5>Basic </h5>
|
|
92
|
+
</a>
|
|
93
|
+
</div>
|
|
94
|
+
<div class="small-6 medium-4 large-3 columns">
|
|
95
|
+
<a href="responsive.html" class="demo-block">
|
|
96
|
+
<h5>Responsive </h5>
|
|
97
|
+
</a>
|
|
98
|
+
</div>
|
|
99
|
+
<div class="small-6 medium-4 large-3 columns">
|
|
100
|
+
<a href="center.html" class="demo-block">
|
|
101
|
+
<h5>Center </h5>
|
|
102
|
+
</a>
|
|
103
|
+
</div>
|
|
104
|
+
<div class="small-6 medium-4 large-3 columns">
|
|
105
|
+
<a href="merge.html" class="demo-block">
|
|
106
|
+
<h5>Merge </h5>
|
|
107
|
+
</a>
|
|
108
|
+
</div>
|
|
109
|
+
<div class="small-6 medium-4 large-3 columns">
|
|
110
|
+
<a href="autowidth.html" class="demo-block">
|
|
111
|
+
<h5>Auto Width </h5>
|
|
112
|
+
</a>
|
|
113
|
+
</div>
|
|
114
|
+
<div class="small-6 medium-4 large-3 columns">
|
|
115
|
+
<a href="urlhashnav.html" class="demo-block">
|
|
116
|
+
<h5>Url Hash Navigation </h5>
|
|
117
|
+
</a>
|
|
118
|
+
</div>
|
|
119
|
+
<div class="small-6 medium-4 large-3 columns">
|
|
120
|
+
<a href="events.html" class="demo-block">
|
|
121
|
+
<h5>Events </h5>
|
|
122
|
+
</a>
|
|
123
|
+
</div>
|
|
124
|
+
<div class="small-6 medium-4 large-3 columns">
|
|
125
|
+
<a href="stagepadding.html" class="demo-block">
|
|
126
|
+
<h5>stagePadding </h5>
|
|
127
|
+
</a>
|
|
128
|
+
</div>
|
|
129
|
+
<div class="small-6 medium-4 large-3 columns">
|
|
130
|
+
<a href="rtl.html" class="demo-block">
|
|
131
|
+
<h5>Right To Left </h5>
|
|
132
|
+
</a>
|
|
133
|
+
</div>
|
|
134
|
+
</div>
|
|
135
|
+
</div>
|
|
136
|
+
<h4 id="using-built-in-plugins">Using built-in plugins</h4>
|
|
137
|
+
<hr>
|
|
138
|
+
<div class="demo-list">
|
|
139
|
+
<div class="row">
|
|
140
|
+
<div class="small-6 medium-4 large-3 columns">
|
|
141
|
+
<a href="lazyLoad.html" class="demo-block">
|
|
142
|
+
<h5>Lazy Load </h5>
|
|
143
|
+
</a>
|
|
144
|
+
</div>
|
|
145
|
+
<div class="small-6 medium-4 large-3 columns">
|
|
146
|
+
<a href="video.html" class="demo-block">
|
|
147
|
+
<h5>Video </h5>
|
|
148
|
+
</a>
|
|
149
|
+
</div>
|
|
150
|
+
<div class="small-6 medium-4 large-3 columns">
|
|
151
|
+
<a href="animate.html" class="demo-block">
|
|
152
|
+
<h5>Animate </h5>
|
|
153
|
+
</a>
|
|
154
|
+
</div>
|
|
155
|
+
<div class="small-6 medium-4 large-3 columns">
|
|
156
|
+
<a href="autoplay.html" class="demo-block">
|
|
157
|
+
<h5>Autoplay </h5>
|
|
158
|
+
</a>
|
|
159
|
+
</div>
|
|
160
|
+
<div class="small-6 medium-4 large-3 columns">
|
|
161
|
+
<a href="autoheight.html" class="demo-block">
|
|
162
|
+
<h5>Auto Height </h5>
|
|
163
|
+
</a>
|
|
164
|
+
</div>
|
|
165
|
+
</div>
|
|
166
|
+
</div>
|
|
167
|
+
<h4 id="using-external-libraries">Using external libraries</h4>
|
|
168
|
+
<hr>
|
|
169
|
+
<div class="demo-list">
|
|
170
|
+
<div class="row">
|
|
171
|
+
<div class="small-6 medium-4 large-3 columns">
|
|
172
|
+
<a href="mousewheel.html" class="demo-block">
|
|
173
|
+
<h5>Mousewheel </h5>
|
|
174
|
+
</a>
|
|
175
|
+
</div>
|
|
176
|
+
</div>
|
|
177
|
+
</div>
|
|
178
|
+
</div>
|
|
179
|
+
</div>
|
|
180
|
+
</section>
|
|
181
|
+
|
|
182
|
+
<!-- footer -->
|
|
183
|
+
<footer class="footer">
|
|
184
|
+
<div class="row">
|
|
185
|
+
<div class="large-12 columns">
|
|
186
|
+
<h5>
|
|
187
|
+
<a href="/OwlCarousel2/docs/support-contact.html">David Deutsch</a>
|
|
188
|
+
<a id="custom-tweet-button" href="https://twitter.com/share?url=https://github.com/OwlCarousel2/OwlCarousel2&text=Owl Carousel - This is so awesome! " target="_blank"></a>
|
|
189
|
+
</h5>
|
|
190
|
+
</div>
|
|
191
|
+
</div>
|
|
192
|
+
</footer>
|
|
193
|
+
|
|
194
|
+
<!-- vendors -->
|
|
195
|
+
<script src="../assets/vendors/highlight.js"></script>
|
|
196
|
+
<script src="../assets/js/app.js"></script>
|
|
197
|
+
</body>
|
|
198
|
+
</html>
|
|
@@ -0,0 +1,207 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
|
|
5
|
+
<!-- head -->
|
|
6
|
+
<meta charset="utf-8">
|
|
7
|
+
<meta name="msapplication-tap-highlight" content="no" />
|
|
8
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
9
|
+
<meta name="description" content="Events usage demo">
|
|
10
|
+
<meta name="author" content="David Deutsch">
|
|
11
|
+
<title>
|
|
12
|
+
Events Demo | Owl Carousel | 2.3.4
|
|
13
|
+
</title>
|
|
14
|
+
|
|
15
|
+
<!-- Stylesheets -->
|
|
16
|
+
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic,300italic' rel='stylesheet' type='text/css'>
|
|
17
|
+
<link rel="stylesheet" href="../assets/css/docs.theme.min.css">
|
|
18
|
+
|
|
19
|
+
<!-- Owl Stylesheets -->
|
|
20
|
+
<link rel="stylesheet" href="../assets/owlcarousel/assets/owl.carousel.min.css">
|
|
21
|
+
<link rel="stylesheet" href="../assets/owlcarousel/assets/owl.theme.default.min.css">
|
|
22
|
+
|
|
23
|
+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
24
|
+
|
|
25
|
+
<!--[if lt IE 9]>
|
|
26
|
+
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
|
27
|
+
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
|
|
28
|
+
<![endif]-->
|
|
29
|
+
|
|
30
|
+
<!-- Favicons -->
|
|
31
|
+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
|
|
32
|
+
<link rel="shortcut icon" href="../assets/ico/favicon.png">
|
|
33
|
+
<link rel="shortcut icon" href="favicon.ico">
|
|
34
|
+
|
|
35
|
+
<!-- Yeah i know js should not be in header. Its required for demos.-->
|
|
36
|
+
|
|
37
|
+
<!-- javascript -->
|
|
38
|
+
<script src="../assets/vendors/jquery.min.js"></script>
|
|
39
|
+
<script src="../assets/owlcarousel/owl.carousel.js"></script>
|
|
40
|
+
</head>
|
|
41
|
+
<body>
|
|
42
|
+
|
|
43
|
+
<!-- header -->
|
|
44
|
+
<header class="header">
|
|
45
|
+
<div class="row">
|
|
46
|
+
<div class="large-12 columns">
|
|
47
|
+
<div class="brand left">
|
|
48
|
+
<h3>
|
|
49
|
+
<a href="/OwlCarousel2/">owl.carousel.js</a>
|
|
50
|
+
</h3>
|
|
51
|
+
</div>
|
|
52
|
+
<a id="toggle-nav" class="right">
|
|
53
|
+
<span></span> <span></span> <span></span>
|
|
54
|
+
</a>
|
|
55
|
+
<div class="nav-bar">
|
|
56
|
+
<ul class="clearfix">
|
|
57
|
+
<li> <a href="/OwlCarousel2/index.html">Home</a> </li>
|
|
58
|
+
<li class="active">
|
|
59
|
+
<a href="/OwlCarousel2/demos/demos.html">Demos</a>
|
|
60
|
+
</li>
|
|
61
|
+
<li> <a href="/OwlCarousel2/docs/started-welcome.html">Docs</a> </li>
|
|
62
|
+
<li>
|
|
63
|
+
<a href="https://github.com/OwlCarousel2/OwlCarousel2/archive/2.3.4.zip">Download</a>
|
|
64
|
+
<span class="download"></span>
|
|
65
|
+
</li>
|
|
66
|
+
</ul>
|
|
67
|
+
</div>
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
|
+
</header>
|
|
71
|
+
|
|
72
|
+
<!-- title -->
|
|
73
|
+
<section class="title">
|
|
74
|
+
<div class="row">
|
|
75
|
+
<div class="large-12 columns">
|
|
76
|
+
<h1>Events</h1>
|
|
77
|
+
</div>
|
|
78
|
+
</div>
|
|
79
|
+
</section>
|
|
80
|
+
|
|
81
|
+
<!-- Demos -->
|
|
82
|
+
<section id="demos">
|
|
83
|
+
<div class="row">
|
|
84
|
+
<div class="large-12 columns">
|
|
85
|
+
<div class="owl-carousel owl-theme">
|
|
86
|
+
<div class="item">
|
|
87
|
+
<h4>1</h4>
|
|
88
|
+
</div>
|
|
89
|
+
<div class="item">
|
|
90
|
+
<h4>2</h4>
|
|
91
|
+
</div>
|
|
92
|
+
<div class="item">
|
|
93
|
+
<h4>3</h4>
|
|
94
|
+
</div>
|
|
95
|
+
<div class="item">
|
|
96
|
+
<h4>4</h4>
|
|
97
|
+
</div>
|
|
98
|
+
<div class="item">
|
|
99
|
+
<h4>5</h4>
|
|
100
|
+
</div>
|
|
101
|
+
<div class="item">
|
|
102
|
+
<h4>6</h4>
|
|
103
|
+
</div>
|
|
104
|
+
<div class="item">
|
|
105
|
+
<h4>7</h4>
|
|
106
|
+
</div>
|
|
107
|
+
<div class="item">
|
|
108
|
+
<h4>8</h4>
|
|
109
|
+
</div>
|
|
110
|
+
<div class="item">
|
|
111
|
+
<h4>9</h4>
|
|
112
|
+
</div>
|
|
113
|
+
<div class="item">
|
|
114
|
+
<h4>10</h4>
|
|
115
|
+
</div>
|
|
116
|
+
<div class="item">
|
|
117
|
+
<h4>11</h4>
|
|
118
|
+
</div>
|
|
119
|
+
<div class="item">
|
|
120
|
+
<h4>12</h4>
|
|
121
|
+
</div>
|
|
122
|
+
</div>
|
|
123
|
+
<hr>
|
|
124
|
+
<div class="large-12 columns callbacks">
|
|
125
|
+
<div><span class="label secondary initialize">on</span> initialize.owl.carousel </div>
|
|
126
|
+
<div><span class="label secondary initialized">on</span> initialized.owl.carousel </div>
|
|
127
|
+
<div><span class="label secondary resize">on</span> resize.owl.carousel </div>
|
|
128
|
+
<div><span class="label secondary resized">on</span> resized.owl.carousel </div>
|
|
129
|
+
<div><span class="label secondary refresh">on</span> refresh.owl.carousel </div>
|
|
130
|
+
<div><span class="label secondary refreshed">on</span> refreshed.owl.carousel </div>
|
|
131
|
+
<div><span class="label secondary update">on</span> update.owl.carousel </div>
|
|
132
|
+
<div><span class="label secondary updated">on</span> updated.owl.carousel </div>
|
|
133
|
+
<div><span class="label secondary drag">on</span> drag.owl.carousel </div>
|
|
134
|
+
<div><span class="label secondary dragged">on</span> dragged.owl.carousel </div>
|
|
135
|
+
<div><span class="label secondary translate">on</span> translate.owl.carousel </div>
|
|
136
|
+
<div><span class="label secondary translated">on</span> translated.owl.carousel </div>
|
|
137
|
+
<div><span class="label secondary to">on</span> to.owl.carousel </div>
|
|
138
|
+
<div><span class="label secondary changed">on</span> changed.owl.carousel </div>
|
|
139
|
+
</div>
|
|
140
|
+
<h3 id="overview">Overview</h3>
|
|
141
|
+
<p>Notice that <code>initialize.owl.carousel</code> and <code>initialized.owl.carousel</code> events must be attached before Owl Carousel initialization. This is required only for those two.</p>
|
|
142
|
+
<p><code>changed.owl.carousel</code> event is attached to the main Owl Carousel animation method so that every carousel move triggers this callback.</p>
|
|
143
|
+
<script>
|
|
144
|
+
jQuery(document).ready(function($) {
|
|
145
|
+
var owl = $('.owl-carousel');
|
|
146
|
+
owl.on('initialize.owl.carousel initialized.owl.carousel ' +
|
|
147
|
+
'initialize.owl.carousel initialize.owl.carousel ' +
|
|
148
|
+
'resize.owl.carousel resized.owl.carousel ' +
|
|
149
|
+
'refresh.owl.carousel refreshed.owl.carousel ' +
|
|
150
|
+
'update.owl.carousel updated.owl.carousel ' +
|
|
151
|
+
'drag.owl.carousel dragged.owl.carousel ' +
|
|
152
|
+
'translate.owl.carousel translated.owl.carousel ' +
|
|
153
|
+
'to.owl.carousel changed.owl.carousel',
|
|
154
|
+
function(e) {
|
|
155
|
+
$('.' + e.type)
|
|
156
|
+
.removeClass('secondary')
|
|
157
|
+
.addClass('success');
|
|
158
|
+
window.setTimeout(function() {
|
|
159
|
+
$('.' + e.type)
|
|
160
|
+
.removeClass('success')
|
|
161
|
+
.addClass('secondary');
|
|
162
|
+
}, 500);
|
|
163
|
+
});
|
|
164
|
+
owl.owlCarousel({
|
|
165
|
+
loop: true,
|
|
166
|
+
nav: true,
|
|
167
|
+
lazyLoad: true,
|
|
168
|
+
margin: 10,
|
|
169
|
+
video: true,
|
|
170
|
+
responsive: {
|
|
171
|
+
0: {
|
|
172
|
+
items: 1
|
|
173
|
+
},
|
|
174
|
+
600: {
|
|
175
|
+
items: 3
|
|
176
|
+
},
|
|
177
|
+
960: {
|
|
178
|
+
items: 5,
|
|
179
|
+
},
|
|
180
|
+
1200: {
|
|
181
|
+
items: 6
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
});
|
|
185
|
+
});
|
|
186
|
+
</script>
|
|
187
|
+
</div>
|
|
188
|
+
</div>
|
|
189
|
+
</section>
|
|
190
|
+
|
|
191
|
+
<!-- footer -->
|
|
192
|
+
<footer class="footer">
|
|
193
|
+
<div class="row">
|
|
194
|
+
<div class="large-12 columns">
|
|
195
|
+
<h5>
|
|
196
|
+
<a href="/OwlCarousel2/docs/support-contact.html">David Deutsch</a>
|
|
197
|
+
<a id="custom-tweet-button" href="https://twitter.com/share?url=https://github.com/OwlCarousel2/OwlCarousel2&text=Owl Carousel - This is so awesome! " target="_blank"></a>
|
|
198
|
+
</h5>
|
|
199
|
+
</div>
|
|
200
|
+
</div>
|
|
201
|
+
</footer>
|
|
202
|
+
|
|
203
|
+
<!-- vendors -->
|
|
204
|
+
<script src="../assets/vendors/highlight.js"></script>
|
|
205
|
+
<script src="../assets/js/app.js"></script>
|
|
206
|
+
</body>
|
|
207
|
+
</html>
|