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,189 @@
|
|
|
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="Owl Carousel supports YouTube, Vimeo, and vzaar videos">
|
|
10
|
+
<meta name="author" content="David Deutsch">
|
|
11
|
+
<title>
|
|
12
|
+
Video 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>Video</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-video" data-merge="3">
|
|
87
|
+
<a class="owl-video" href="https://vimeo.com/23924346"></a>
|
|
88
|
+
</div>
|
|
89
|
+
<div class="item-video" data-merge="1">
|
|
90
|
+
<a class="owl-video" href="https://www.youtube.com/watch?v=JpxsRwnRwCQ"></a>
|
|
91
|
+
</div>
|
|
92
|
+
<div class="item-video" data-merge="2">
|
|
93
|
+
<a class="owl-video" href="https://www.youtube.com/watch?v=FBu_jxT1PkA"></a>
|
|
94
|
+
</div>
|
|
95
|
+
<div class="item-video" data-merge="1">
|
|
96
|
+
<a class="owl-video" href="https://www.youtube.com/watch?v=oy18DJwy5lI"></a>
|
|
97
|
+
</div>
|
|
98
|
+
<div class="item-video" data-merge="2">
|
|
99
|
+
<a class="owl-video" href="https://www.youtube.com/watch?v=H3jLkJrhHKQ"></a>
|
|
100
|
+
</div>
|
|
101
|
+
<div class="item-video" data-merge="3">
|
|
102
|
+
<a class="owl-video" href="https://www.youtube.com/watch?v=g3J4VxWIM6s"></a>
|
|
103
|
+
</div>
|
|
104
|
+
<div class="item-video" data-merge="1">
|
|
105
|
+
<a class="owl-video" href="https://www.youtube.com/watch?v=0fhoIate4qI"></a>
|
|
106
|
+
</div>
|
|
107
|
+
<div class="item-video" data-merge="2">
|
|
108
|
+
<a class="owl-video" href="https://www.youtube.com/watch?v=EF_kj2ojZaE"></a>
|
|
109
|
+
</div>
|
|
110
|
+
</div>
|
|
111
|
+
<h3 id="overview">Overview</h3>
|
|
112
|
+
<p>Enable video option:</p>
|
|
113
|
+
<pre><code>video:true</code></pre>
|
|
114
|
+
<p>To add video into carousel just put <code><a class="owl-video" href="_straight URL from YouTube, Vimeo, or vzaar"></a></code>.</p>
|
|
115
|
+
<p>A tag is not mandatory, it can be any other tag but "owl-video" and href with url link is required.</p>
|
|
116
|
+
<p>Additional video options:</p>
|
|
117
|
+
<pre><code>videoWidth: false, // Default false; Type: Boolean/Number
|
|
118
|
+
videoHeight: false, // Default false; Type: Boolean/Number</code></pre>
|
|
119
|
+
<h3 id="setup">Setup</h3>
|
|
120
|
+
<pre><code> $('.owl-carousel').owlCarousel({
|
|
121
|
+
items:1,
|
|
122
|
+
merge:true,
|
|
123
|
+
loop:true,
|
|
124
|
+
margin:10,
|
|
125
|
+
video:true,
|
|
126
|
+
lazyLoad:true,
|
|
127
|
+
center:true,
|
|
128
|
+
responsive:{
|
|
129
|
+
480:{
|
|
130
|
+
items:2
|
|
131
|
+
},
|
|
132
|
+
600:{
|
|
133
|
+
items:4
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
})</code></pre>
|
|
137
|
+
<h3 id="html">html</h3>
|
|
138
|
+
<pre><code><div class="owl-carousel owl-theme">
|
|
139
|
+
<div class="item-video" data-merge="3"><a class="owl-video" href="https://vimeo.com/23924346"></a></div>
|
|
140
|
+
<div class="item-video" data-merge="1"><a class="owl-video" href="https://www.youtube.com/watch?v=JpxsRwnRwCQ"></a></div>
|
|
141
|
+
<div class="item-video" data-merge="2"><a class="owl-video" href="https://www.youtube.com/watch?v=FBu_jxT1PkA"></a></div>
|
|
142
|
+
<div class="item-video" data-merge="1"><a class="owl-video" href="https://www.youtube.com/watch?v=oy18DJwy5lI"></a></div>
|
|
143
|
+
<div class="item-video" data-merge="2"><a class="owl-video" href="https://www.youtube.com/watch?v=H3jLkJrhHKQ"></a></div>
|
|
144
|
+
<div class="item-video" data-merge="3"><a class="owl-video" href="https://www.youtube.com/watch?v=g3J4VxWIM6s"></a></div>
|
|
145
|
+
<div class="item-video" data-merge="1"><a class="owl-video" href="https://www.youtube.com/watch?v=0fhoIate4qI"></a></div>
|
|
146
|
+
<div class="item-video" data-merge="2"><a class="owl-video" href="https://www.youtube.com/watch?v=EF_kj2ojZaE"></a></div>
|
|
147
|
+
</div></code></pre>
|
|
148
|
+
<script>
|
|
149
|
+
$(document).ready(function() {
|
|
150
|
+
$('.owl-carousel').owlCarousel({
|
|
151
|
+
items: 1,
|
|
152
|
+
merge: true,
|
|
153
|
+
loop: true,
|
|
154
|
+
margin: 10,
|
|
155
|
+
video: true,
|
|
156
|
+
lazyLoad: true,
|
|
157
|
+
center: true,
|
|
158
|
+
responsive: {
|
|
159
|
+
480: {
|
|
160
|
+
items: 2
|
|
161
|
+
},
|
|
162
|
+
600: {
|
|
163
|
+
items: 4
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
})
|
|
167
|
+
})
|
|
168
|
+
</script>
|
|
169
|
+
</div>
|
|
170
|
+
</div>
|
|
171
|
+
</section>
|
|
172
|
+
|
|
173
|
+
<!-- footer -->
|
|
174
|
+
<footer class="footer">
|
|
175
|
+
<div class="row">
|
|
176
|
+
<div class="large-12 columns">
|
|
177
|
+
<h5>
|
|
178
|
+
<a href="/OwlCarousel2/docs/support-contact.html">David Deutsch</a>
|
|
179
|
+
<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>
|
|
180
|
+
</h5>
|
|
181
|
+
</div>
|
|
182
|
+
</div>
|
|
183
|
+
</footer>
|
|
184
|
+
|
|
185
|
+
<!-- vendors -->
|
|
186
|
+
<script src="../assets/vendors/highlight.js"></script>
|
|
187
|
+
<script src="../assets/js/app.js"></script>
|
|
188
|
+
</body>
|
|
189
|
+
</html>
|
|
@@ -0,0 +1,227 @@
|
|
|
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="Owl Carousel Documentation">
|
|
10
|
+
<meta name="author" content="David Deutsch">
|
|
11
|
+
<title>
|
|
12
|
+
Classes | 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> <a href="/OwlCarousel2/demos/demos.html">Demos</a> </li>
|
|
59
|
+
<li class="active">
|
|
60
|
+
<a href="/OwlCarousel2/docs/started-welcome.html">Docs</a>
|
|
61
|
+
</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>API</h1>
|
|
77
|
+
</div>
|
|
78
|
+
</div>
|
|
79
|
+
</section>
|
|
80
|
+
<div id="docs">
|
|
81
|
+
<div class="row">
|
|
82
|
+
<div class="small-12 medium-3 large-3 columns">
|
|
83
|
+
<ul class="side-nav">
|
|
84
|
+
<li class="side-nav-head">Getting Started</li>
|
|
85
|
+
<li> <a href="started-welcome.html">Welcome</a> </li>
|
|
86
|
+
<li> <a href="started-installation.html">Installation</a> </li>
|
|
87
|
+
<li> <a href="started-faq.html">FAQ</a> </li>
|
|
88
|
+
</ul>
|
|
89
|
+
<ul class="side-nav">
|
|
90
|
+
<li class="side-nav-head">API</li>
|
|
91
|
+
<li> <a href="api-options.html">Options</a> </li>
|
|
92
|
+
<li> <a href="api-classes.html">Classes</a> </li>
|
|
93
|
+
<li> <a href="api-events.html">Events</a> </li>
|
|
94
|
+
</ul>
|
|
95
|
+
<ul class="side-nav">
|
|
96
|
+
<li class="side-nav-head">Development</li>
|
|
97
|
+
<li> <a href="dev-buildin-plugins.html">Built-in Plugins</a> </li>
|
|
98
|
+
<li> <a href="dev-plugin-api.html">Plugin API</a> </li>
|
|
99
|
+
<li> <a href="dev-styles.html">Sass Styles</a> </li>
|
|
100
|
+
<li> <a href="dev-external.html">External Libs</a> </li>
|
|
101
|
+
</ul>
|
|
102
|
+
<ul class="side-nav">
|
|
103
|
+
<li class="side-nav-head">Support</li>
|
|
104
|
+
<li> <a href="support-contributing.html">Contributing</a> </li>
|
|
105
|
+
<li> <a href="support-changelog.html">Changelog</a> </li>
|
|
106
|
+
<li> <a href="support-contact.html">Contact</a> </li>
|
|
107
|
+
</ul>
|
|
108
|
+
</div>
|
|
109
|
+
<div class="small-12 medium-9 large-9 columns">
|
|
110
|
+
<article class="docs-content">
|
|
111
|
+
<h2 id="classes">Classes</h2>
|
|
112
|
+
<p>This is an example of how html is rendered. With the following options you can change almost every class the way you want</p>
|
|
113
|
+
<pre><code><div class="owl-carousel owl-theme owl-loaded">
|
|
114
|
+
<div class="owl-stage-outer">
|
|
115
|
+
<div class="owl-stage">
|
|
116
|
+
<div class="owl-item">...</div>
|
|
117
|
+
<div class="owl-item">...</div>
|
|
118
|
+
<div class="owl-item">...</div>
|
|
119
|
+
</div>
|
|
120
|
+
</div>
|
|
121
|
+
<div class="owl-nav">
|
|
122
|
+
<div class="owl-prev">prev</div>
|
|
123
|
+
<div class="owl-next">next</div>
|
|
124
|
+
</div>
|
|
125
|
+
<div class="owl-dots">
|
|
126
|
+
<div class="owl-dot active"><span></span></div>
|
|
127
|
+
<div class="owl-dot"><span></span></div>
|
|
128
|
+
<div class="owl-dot"><span></span></div>
|
|
129
|
+
</div>
|
|
130
|
+
</div></code></pre>
|
|
131
|
+
<h3 id="options">Options</h3>
|
|
132
|
+
<h4 id="refreshclass">refreshClass</h4>
|
|
133
|
+
<p>Type: <code>String</code>
|
|
134
|
+
<br /> Default: <code>owl-refresh</code></p>
|
|
135
|
+
<p>Class during refresh.</p>
|
|
136
|
+
<hr>
|
|
137
|
+
<h4 id="loadingclass">loadingClass</h4>
|
|
138
|
+
<p>Type: <code>String</code>
|
|
139
|
+
<br /> Default: <code>owl-loading</code></p>
|
|
140
|
+
<p>Class during load.</p>
|
|
141
|
+
<hr>
|
|
142
|
+
<h4 id="loadedclass">loadedClass</h4>
|
|
143
|
+
<p>Type: <code>String</code>
|
|
144
|
+
<br /> Default: <code>owl-loaded</code></p>
|
|
145
|
+
<p>Class after load.</p>
|
|
146
|
+
<hr>
|
|
147
|
+
<h4 id="rtlclass">rtlClass</h4>
|
|
148
|
+
<p>Type: <code>String</code>
|
|
149
|
+
<br /> Default: <code>owl-rtl</code></p>
|
|
150
|
+
<p>Class for right to left mode.</p>
|
|
151
|
+
<hr>
|
|
152
|
+
<h4 id="dragclass">dragClass</h4>
|
|
153
|
+
<p>Type: <code>String</code>
|
|
154
|
+
<br /> Default: <code>owl-drag</code></p>
|
|
155
|
+
<p>Class for mouse drag mode.</p>
|
|
156
|
+
<hr>
|
|
157
|
+
<h4 id="grabclass">grabClass</h4>
|
|
158
|
+
<p>Type: <code>String</code>
|
|
159
|
+
<br /> Default: <code>owl-grab</code></p>
|
|
160
|
+
<p>Class during mouse drag.</p>
|
|
161
|
+
<hr>
|
|
162
|
+
<h4 id="stageclass">stageClass</h4>
|
|
163
|
+
<p>Type: <code>String</code>
|
|
164
|
+
<br /> Default: <code>owl-stage</code></p>
|
|
165
|
+
<p>Stage class.</p>
|
|
166
|
+
<hr>
|
|
167
|
+
<h4 id="stageouterclass">stageOuterClass</h4>
|
|
168
|
+
<p>Type: <code>String</code>
|
|
169
|
+
<br /> Default: <code>owl-stage-outer</code></p>
|
|
170
|
+
<p>Stage outer class.</p>
|
|
171
|
+
<hr>
|
|
172
|
+
<h4 id="navcontainerclass">navContainerClass</h4>
|
|
173
|
+
<p>Type: <code>String</code>
|
|
174
|
+
<br /> Default: <code>owl-nav</code></p>
|
|
175
|
+
<p>Navigation container class.</p>
|
|
176
|
+
<hr>
|
|
177
|
+
<h4 id="navclass">navClass</h4>
|
|
178
|
+
<p>Type: <code>Array</code>
|
|
179
|
+
<br /> Default: <code>[&#x27;owl-prev&#x27;,&#x27;owl-next&#x27;]</code></p>
|
|
180
|
+
<p>Navigation buttons classes.</p>
|
|
181
|
+
<hr>
|
|
182
|
+
<h4 id="dotclass">dotClass</h4>
|
|
183
|
+
<p>Type: <code>String</code>
|
|
184
|
+
<br /> Default: <code>owl-dot</code></p>
|
|
185
|
+
<p>Dot Class.</p>
|
|
186
|
+
<hr>
|
|
187
|
+
<h4 id="dotsclass">dotsClass</h4>
|
|
188
|
+
<p>Type: <code>String</code>
|
|
189
|
+
<br /> Default: <code>owl-dots</code></p>
|
|
190
|
+
<p>Dots container class.</p>
|
|
191
|
+
<hr>
|
|
192
|
+
<h4 id="autoheightclass">autoHeightClass</h4>
|
|
193
|
+
<p>Type: <code>String</code>
|
|
194
|
+
<br /> Default: <code>owl-height</code></p>
|
|
195
|
+
<p>Auto height class.</p>
|
|
196
|
+
<hr>
|
|
197
|
+
<h4 id="responsiveclass">responsiveClass</h4>
|
|
198
|
+
<p>Type: <code>String|Boolean</code>
|
|
199
|
+
<br /> Default: <code>false</code></p>
|
|
200
|
+
<p>Optional helper class. Add '<responsiveClass>-<breakpoint>' class to main element. Can be used to stylize content on given breakpoint.</p>
|
|
201
|
+
<hr>
|
|
202
|
+
<h3 id="next-step">Next Step</h3>
|
|
203
|
+
<h4 id="-events-api-events-html-">
|
|
204
|
+
<a href="api-events.html">Events</a>
|
|
205
|
+
</h4>
|
|
206
|
+
</article>
|
|
207
|
+
</div>
|
|
208
|
+
</div>
|
|
209
|
+
</div>
|
|
210
|
+
|
|
211
|
+
<!-- footer -->
|
|
212
|
+
<footer class="footer">
|
|
213
|
+
<div class="row">
|
|
214
|
+
<div class="large-12 columns">
|
|
215
|
+
<h5>
|
|
216
|
+
<a href="/OwlCarousel2/docs/support-contact.html">David Deutsch</a>
|
|
217
|
+
<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>
|
|
218
|
+
</h5>
|
|
219
|
+
</div>
|
|
220
|
+
</div>
|
|
221
|
+
</footer>
|
|
222
|
+
|
|
223
|
+
<!-- vendors -->
|
|
224
|
+
<script src="../assets/vendors/highlight.js"></script>
|
|
225
|
+
<script src="../assets/js/app.js"></script>
|
|
226
|
+
</body>
|
|
227
|
+
</html>
|
|
@@ -0,0 +1,358 @@
|
|
|
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="Owl Carousel Documentation">
|
|
10
|
+
<meta name="author" content="David Deutsch">
|
|
11
|
+
<title>
|
|
12
|
+
Events | 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> <a href="/OwlCarousel2/demos/demos.html">Demos</a> </li>
|
|
59
|
+
<li class="active">
|
|
60
|
+
<a href="/OwlCarousel2/docs/started-welcome.html">Docs</a>
|
|
61
|
+
</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>API</h1>
|
|
77
|
+
</div>
|
|
78
|
+
</div>
|
|
79
|
+
</section>
|
|
80
|
+
<div id="docs">
|
|
81
|
+
<div class="row">
|
|
82
|
+
<div class="small-12 medium-3 large-3 columns">
|
|
83
|
+
<ul class="side-nav">
|
|
84
|
+
<li class="side-nav-head">Getting Started</li>
|
|
85
|
+
<li> <a href="started-welcome.html">Welcome</a> </li>
|
|
86
|
+
<li> <a href="started-installation.html">Installation</a> </li>
|
|
87
|
+
<li> <a href="started-faq.html">FAQ</a> </li>
|
|
88
|
+
</ul>
|
|
89
|
+
<ul class="side-nav">
|
|
90
|
+
<li class="side-nav-head">API</li>
|
|
91
|
+
<li> <a href="api-options.html">Options</a> </li>
|
|
92
|
+
<li> <a href="api-classes.html">Classes</a> </li>
|
|
93
|
+
<li> <a href="api-events.html">Events</a> </li>
|
|
94
|
+
</ul>
|
|
95
|
+
<ul class="side-nav">
|
|
96
|
+
<li class="side-nav-head">Development</li>
|
|
97
|
+
<li> <a href="dev-buildin-plugins.html">Built-in Plugins</a> </li>
|
|
98
|
+
<li> <a href="dev-plugin-api.html">Plugin API</a> </li>
|
|
99
|
+
<li> <a href="dev-styles.html">Sass Styles</a> </li>
|
|
100
|
+
<li> <a href="dev-external.html">External Libs</a> </li>
|
|
101
|
+
</ul>
|
|
102
|
+
<ul class="side-nav">
|
|
103
|
+
<li class="side-nav-head">Support</li>
|
|
104
|
+
<li> <a href="support-contributing.html">Contributing</a> </li>
|
|
105
|
+
<li> <a href="support-changelog.html">Changelog</a> </li>
|
|
106
|
+
<li> <a href="support-contact.html">Contact</a> </li>
|
|
107
|
+
</ul>
|
|
108
|
+
</div>
|
|
109
|
+
<div class="small-12 medium-9 large-9 columns">
|
|
110
|
+
<article class="docs-content">
|
|
111
|
+
<h2 id="events">Events</h2>
|
|
112
|
+
<blockquote>
|
|
113
|
+
<p>Events are provided by Owl Carousel in strategic code locations. This gives you the ability to listen for any changes and perform your own actions.</p>
|
|
114
|
+
</blockquote>
|
|
115
|
+
<pre><code>var owl = $('.owl-carousel');
|
|
116
|
+
owl.owlCarousel();
|
|
117
|
+
// Listen to owl events:
|
|
118
|
+
owl.on('changed.owl.carousel', function(event) {
|
|
119
|
+
...
|
|
120
|
+
})</code></pre>
|
|
121
|
+
<p>You could also trigger events by yourself to control Owl Carousel:</p>
|
|
122
|
+
<pre><code>var owl = $('.owl-carousel');
|
|
123
|
+
owl.owlCarousel();
|
|
124
|
+
// Go to the next item
|
|
125
|
+
$('.customNextBtn').click(function() {
|
|
126
|
+
owl.trigger('next.owl.carousel');
|
|
127
|
+
})
|
|
128
|
+
// Go to the previous item
|
|
129
|
+
$('.customPrevBtn').click(function() {
|
|
130
|
+
// With optional speed parameter
|
|
131
|
+
// Parameters has to be in square bracket '[]'
|
|
132
|
+
owl.trigger('prev.owl.carousel', [300]);
|
|
133
|
+
})</code></pre>
|
|
134
|
+
<h3 id="callbacks">Callbacks</h3>
|
|
135
|
+
<p>Instead of attaching an event handler you can also just add a callback to the options of Owl Carousel.</p>
|
|
136
|
+
<pre><code>$('.owl-carousel').owlCarousel({
|
|
137
|
+
onDragged: callback
|
|
138
|
+
});
|
|
139
|
+
function callback(event) {
|
|
140
|
+
...
|
|
141
|
+
}</code></pre>
|
|
142
|
+
<h3 id="data">Data</h3>
|
|
143
|
+
<p>Each event passes very useful information within the
|
|
144
|
+
<a href="https://api.jquery.com/category/events/event-object/">event object</a> . Based on the example above:</p>
|
|
145
|
+
<pre><code class="language-Javascript">function callback(event) {
|
|
146
|
+
// Provided by the core
|
|
147
|
+
var element = event.target; // DOM element, in this example .owl-carousel
|
|
148
|
+
var name = event.type; // Name of the event, in this example dragged
|
|
149
|
+
var namespace = event.namespace; // Namespace of the event, in this example owl.carousel
|
|
150
|
+
var items = event.item.count; // Number of items
|
|
151
|
+
var item = event.item.index; // Position of the current item
|
|
152
|
+
// Provided by the navigation plugin
|
|
153
|
+
var pages = event.page.count; // Number of pages
|
|
154
|
+
var page = event.page.index; // Position of the current page
|
|
155
|
+
var size = event.page.size; // Number of items per page
|
|
156
|
+
}</code></pre>
|
|
157
|
+
<h3 id="carousel">Carousel</h3>
|
|
158
|
+
<h4 id="initialize-owl-carousel">initialize.owl.carousel</h4>
|
|
159
|
+
<p>Type: <code>attachable</code>
|
|
160
|
+
<br />Callback: <code>onInitialize</code>
|
|
161
|
+
<br/>
|
|
162
|
+
</p>
|
|
163
|
+
<p>When the plugin initializes.</p>
|
|
164
|
+
<hr>
|
|
165
|
+
<h4 id="initialized-owl-carousel">initialized.owl.carousel</h4>
|
|
166
|
+
<p>Type: <code>attachable</code>
|
|
167
|
+
<br />Callback: <code>onInitialized</code>
|
|
168
|
+
<br/>
|
|
169
|
+
</p>
|
|
170
|
+
<p>When the plugin has initialized.</p>
|
|
171
|
+
<hr>
|
|
172
|
+
<h4 id="resize-owl-carousel">resize.owl.carousel</h4>
|
|
173
|
+
<p>Type: <code>attachable</code>
|
|
174
|
+
<br />Callback: <code>onResize</code>
|
|
175
|
+
<br/>
|
|
176
|
+
</p>
|
|
177
|
+
<p>When the plugin gets resized.</p>
|
|
178
|
+
<hr>
|
|
179
|
+
<h4 id="resized-owl-carousel">resized.owl.carousel</h4>
|
|
180
|
+
<p>Type: <code>attachable</code>
|
|
181
|
+
<br />Callback: <code>onResized</code>
|
|
182
|
+
<br/>
|
|
183
|
+
</p>
|
|
184
|
+
<p>When the plugin has resized.</p>
|
|
185
|
+
<hr>
|
|
186
|
+
<h4 id="refresh-owl-carousel">refresh.owl.carousel</h4>
|
|
187
|
+
<p>Type: <code>attachable, cancelable, triggerable</code>
|
|
188
|
+
<br />Callback: <code>onRefresh</code>
|
|
189
|
+
<br/>Parameter: <code>[event, speed]</code>
|
|
190
|
+
<br/>
|
|
191
|
+
</p>
|
|
192
|
+
<p>When the internal state of the plugin needs update.</p>
|
|
193
|
+
<hr>
|
|
194
|
+
<h4 id="refreshed-owl-carousel">refreshed.owl.carousel</h4>
|
|
195
|
+
<p>Type: <code>attachable</code>
|
|
196
|
+
<br />Callback: <code>onRefreshed</code>
|
|
197
|
+
<br/>
|
|
198
|
+
</p>
|
|
199
|
+
<p>When the internal state of the plugin has updated.</p>
|
|
200
|
+
<hr>
|
|
201
|
+
<h4 id="drag-owl-carousel">drag.owl.carousel</h4>
|
|
202
|
+
<p>Type: <code>attachable</code>
|
|
203
|
+
<br />Callback: <code>onDrag</code>
|
|
204
|
+
<br/>
|
|
205
|
+
</p>
|
|
206
|
+
<p>When the dragging of an item is started.</p>
|
|
207
|
+
<hr>
|
|
208
|
+
<h4 id="dragged-owl-carousel">dragged.owl.carousel</h4>
|
|
209
|
+
<p>Type: <code>attachable</code>
|
|
210
|
+
<br />Callback: <code>onDragged</code>
|
|
211
|
+
<br/>
|
|
212
|
+
</p>
|
|
213
|
+
<p>When the dragging of an item has finished.</p>
|
|
214
|
+
<hr>
|
|
215
|
+
<h4 id="translate-owl-carousel">translate.owl.carousel</h4>
|
|
216
|
+
<p>Type: <code>attachable</code>
|
|
217
|
+
<br />Callback: <code>onTranslate</code>
|
|
218
|
+
<br/>
|
|
219
|
+
</p>
|
|
220
|
+
<p>When the translation of the stage starts.</p>
|
|
221
|
+
<hr>
|
|
222
|
+
<h4 id="translated-owl-carousel">translated.owl.carousel</h4>
|
|
223
|
+
<p>Type: <code>attachable</code>
|
|
224
|
+
<br />Callback: <code>onTranslated</code>
|
|
225
|
+
<br/>
|
|
226
|
+
</p>
|
|
227
|
+
<p>When the translation of the stage has finished.</p>
|
|
228
|
+
<hr>
|
|
229
|
+
<h4 id="change-owl-carousel">change.owl.carousel</h4>
|
|
230
|
+
<p>Type: <code>attachable</code>
|
|
231
|
+
<br />Callback: <code>onChange</code>
|
|
232
|
+
<br/>Parameter: <code>property</code>
|
|
233
|
+
<br/>
|
|
234
|
+
</p>
|
|
235
|
+
<p>When a property is going to change its value.</p>
|
|
236
|
+
<hr>
|
|
237
|
+
<h4 id="changed-owl-carousel">changed.owl.carousel</h4>
|
|
238
|
+
<p>Type: <code>attachable</code>
|
|
239
|
+
<br />Callback: <code>onChanged</code>
|
|
240
|
+
<br/>Parameter: <code>property</code>
|
|
241
|
+
<br/>
|
|
242
|
+
</p>
|
|
243
|
+
<p>When a property has changed its value.</p>
|
|
244
|
+
<hr>
|
|
245
|
+
<h4 id="next-owl-carousel">next.owl.carousel</h4>
|
|
246
|
+
<p>Type: <code>triggerable</code>
|
|
247
|
+
<br />Parameter: <code>[speed]</code>
|
|
248
|
+
<br/>
|
|
249
|
+
</p>
|
|
250
|
+
<p>Goes to next item.</p>
|
|
251
|
+
<hr>
|
|
252
|
+
<h4 id="prev-owl-carousel">prev.owl.carousel</h4>
|
|
253
|
+
<p>Type: <code>triggerable</code>
|
|
254
|
+
<br />Parameter: <code>[speed]</code>
|
|
255
|
+
<br/>
|
|
256
|
+
</p>
|
|
257
|
+
<p>Goes to previous item.</p>
|
|
258
|
+
<hr>
|
|
259
|
+
<h4 id="to-owl-carousel">to.owl.carousel</h4>
|
|
260
|
+
<p>Type: <code>triggerable</code>
|
|
261
|
+
<br />Parameter: <code>[position, speed]</code>
|
|
262
|
+
<br/>
|
|
263
|
+
</p>
|
|
264
|
+
<p>Goes to position.</p>
|
|
265
|
+
<hr>
|
|
266
|
+
<h4 id="destroy-owl-carousel">destroy.owl.carousel</h4>
|
|
267
|
+
<p>Type: <code>triggerable</code>
|
|
268
|
+
<br />
|
|
269
|
+
</p>
|
|
270
|
+
<p>Destroys carousel.</p>
|
|
271
|
+
<hr>
|
|
272
|
+
<h4 id="replace-owl-carousel">replace.owl.carousel</h4>
|
|
273
|
+
<p>Type: <code>triggerable</code>
|
|
274
|
+
<br />Parameter: <code>data</code>
|
|
275
|
+
<br/>
|
|
276
|
+
</p>
|
|
277
|
+
<p>Removes current content and add a new one passed in the parameter.</p>
|
|
278
|
+
<hr>
|
|
279
|
+
<h4 id="add-owl-carousel">add.owl.carousel</h4>
|
|
280
|
+
<p>Type: <code>triggerable</code>
|
|
281
|
+
<br />Parameter: <code>[data, position]</code>
|
|
282
|
+
<br/>
|
|
283
|
+
</p>
|
|
284
|
+
<p>Adds a new item on a given position.</p>
|
|
285
|
+
<hr>
|
|
286
|
+
<h4 id="remove-owl-carousel">remove.owl.carousel</h4>
|
|
287
|
+
<p>Type: <code>triggerable</code>
|
|
288
|
+
<br />Parameter: <code>position</code>
|
|
289
|
+
<br/>
|
|
290
|
+
</p>
|
|
291
|
+
<p>Removes an item from a given position.</p>
|
|
292
|
+
<hr>
|
|
293
|
+
<h3 id="lazy">Lazy</h3>
|
|
294
|
+
<h4 id="load-owl-lazy">load.owl.lazy</h4>
|
|
295
|
+
<p>Type: <code>attachable</code>
|
|
296
|
+
<br />Callback: <code>onLoadLazy</code>
|
|
297
|
+
<br/>
|
|
298
|
+
</p>
|
|
299
|
+
<p>When lazy image loads.</p>
|
|
300
|
+
<hr>
|
|
301
|
+
<h4 id="loaded-owl-lazy">loaded.owl.lazy</h4>
|
|
302
|
+
<p>Type: <code>attachable</code>
|
|
303
|
+
<br />Callback: <code>onLoadedLazy</code>
|
|
304
|
+
<br/>
|
|
305
|
+
</p>
|
|
306
|
+
<p>When lazy image has loaded.</p>
|
|
307
|
+
<hr>
|
|
308
|
+
<h3 id="autoplay">Autoplay</h3>
|
|
309
|
+
<h4 id="play-owl-autoplay">play.owl.autoplay</h4>
|
|
310
|
+
<p>Type: <code>triggerable</code>
|
|
311
|
+
<br />Parameter: <code>[timeout, speed]</code>
|
|
312
|
+
<br/>
|
|
313
|
+
</p>
|
|
314
|
+
<p>Runs autoplay.</p>
|
|
315
|
+
<hr>
|
|
316
|
+
<h4 id="stop-owl-autoplay">stop.owl.autoplay</h4>
|
|
317
|
+
<p>Type: <code>triggerable</code>
|
|
318
|
+
<br />
|
|
319
|
+
</p>
|
|
320
|
+
<p>Stops autoplay.</p>
|
|
321
|
+
<hr>
|
|
322
|
+
<h3 id="video">Video</h3>
|
|
323
|
+
<h4 id="stop-owl-video">stop.owl.video</h4>
|
|
324
|
+
<p>Type: <code>attachable</code>
|
|
325
|
+
<br />Callback: <code>onStopVideo</code>
|
|
326
|
+
<br/>
|
|
327
|
+
</p>
|
|
328
|
+
<p>When video has unloaded.</p>
|
|
329
|
+
<hr>
|
|
330
|
+
<h4 id="play-owl-video">play.owl.video</h4>
|
|
331
|
+
<p>Type: <code>attachable</code>
|
|
332
|
+
<br />Callback: <code>onPlayVideo</code>
|
|
333
|
+
<br/>
|
|
334
|
+
</p>
|
|
335
|
+
<p>When video has loaded.</p>
|
|
336
|
+
<hr>
|
|
337
|
+
</article>
|
|
338
|
+
</div>
|
|
339
|
+
</div>
|
|
340
|
+
</div>
|
|
341
|
+
|
|
342
|
+
<!-- footer -->
|
|
343
|
+
<footer class="footer">
|
|
344
|
+
<div class="row">
|
|
345
|
+
<div class="large-12 columns">
|
|
346
|
+
<h5>
|
|
347
|
+
<a href="/OwlCarousel2/docs/support-contact.html">David Deutsch</a>
|
|
348
|
+
<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>
|
|
349
|
+
</h5>
|
|
350
|
+
</div>
|
|
351
|
+
</div>
|
|
352
|
+
</footer>
|
|
353
|
+
|
|
354
|
+
<!-- vendors -->
|
|
355
|
+
<script src="../assets/vendors/highlight.js"></script>
|
|
356
|
+
<script src="../assets/js/app.js"></script>
|
|
357
|
+
</body>
|
|
358
|
+
</html>
|