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,395 @@
|
|
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
|
+
Options | 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="options">Options</h2>
|
112
|
+
<blockquote>
|
113
|
+
<p>List including all options from built-in plugins video, lazyload, autoheight and animate.</p>
|
114
|
+
</blockquote>
|
115
|
+
<h4 id="items">items</h4>
|
116
|
+
<p>Type: <code>Number</code>
|
117
|
+
<br /> Default: <code>3</code></p>
|
118
|
+
<p>The number of items you want to see on the screen.</p>
|
119
|
+
<hr>
|
120
|
+
<h4 id="margin">margin</h4>
|
121
|
+
<p>Type: <code>Number</code>
|
122
|
+
<br /> Default: <code>0</code></p>
|
123
|
+
<p>margin-right(px) on item.</p>
|
124
|
+
<hr>
|
125
|
+
<h4 id="loop">loop</h4>
|
126
|
+
<p>Type: <code>Boolean</code>
|
127
|
+
<br /> Default: <code>false</code></p>
|
128
|
+
<p>Infinity loop. Duplicate last and first items to get loop illusion.</p>
|
129
|
+
<hr>
|
130
|
+
<h4 id="center">center</h4>
|
131
|
+
<p>Type: <code>Boolean</code>
|
132
|
+
<br /> Default: <code>false</code></p>
|
133
|
+
<p>Center item. Works well with even an odd number of items.</p>
|
134
|
+
<hr>
|
135
|
+
<h4 id="mousedrag">mouseDrag</h4>
|
136
|
+
<p>Type: <code>Boolean</code>
|
137
|
+
<br /> Default: <code>true</code></p>
|
138
|
+
<p>Mouse drag enabled.</p>
|
139
|
+
<hr>
|
140
|
+
<h4 id="touchdrag">touchDrag</h4>
|
141
|
+
<p>Type: <code>Boolean</code>
|
142
|
+
<br /> Default: <code>true</code></p>
|
143
|
+
<p>Touch drag enabled.</p>
|
144
|
+
<hr>
|
145
|
+
<h4 id="pulldrag">pullDrag</h4>
|
146
|
+
<p>Type: <code>Boolean</code>
|
147
|
+
<br /> Default: <code>true</code></p>
|
148
|
+
<p>Stage pull to edge.</p>
|
149
|
+
<hr>
|
150
|
+
<h4 id="freedrag">freeDrag</h4>
|
151
|
+
<p>Type: <code>Boolean</code>
|
152
|
+
<br /> Default: <code>false</code></p>
|
153
|
+
<p>Item pull to edge.</p>
|
154
|
+
<hr>
|
155
|
+
<h4 id="stagepadding">stagePadding</h4>
|
156
|
+
<p>Type: <code>Number</code>
|
157
|
+
<br /> Default: <code>0</code></p>
|
158
|
+
<p>Padding left and right on stage (can see neighbours).</p>
|
159
|
+
<hr>
|
160
|
+
<h4 id="merge">merge</h4>
|
161
|
+
<p>Type: <code>Boolean</code>
|
162
|
+
<br /> Default: <code>false</code></p>
|
163
|
+
<p>Merge items. Looking for data-merge='{number}' inside item..</p>
|
164
|
+
<hr>
|
165
|
+
<h4 id="mergefit">mergeFit</h4>
|
166
|
+
<p>Type: <code>Boolean</code>
|
167
|
+
<br /> Default: <code>true</code></p>
|
168
|
+
<p>Fit merged items if screen is smaller than items value.</p>
|
169
|
+
<hr>
|
170
|
+
<h4 id="autowidth">autoWidth</h4>
|
171
|
+
<p>Type: <code>Boolean</code>
|
172
|
+
<br /> Default: <code>false</code></p>
|
173
|
+
<p>Set non grid content. Try using width style on divs.</p>
|
174
|
+
<hr>
|
175
|
+
<h4 id="startposition">startPosition</h4>
|
176
|
+
<p>Type: <code>Number/String</code>
|
177
|
+
<br /> Default: <code>0</code></p>
|
178
|
+
<p>Start position or URL Hash string like '#id'.</p>
|
179
|
+
<hr>
|
180
|
+
<h4 id="urlhashlistener">URLhashListener</h4>
|
181
|
+
<p>Type: <code>Boolean</code>
|
182
|
+
<br /> Default: <code>false</code></p>
|
183
|
+
<p>Listen to url hash changes. data-hash on items is required.</p>
|
184
|
+
<hr>
|
185
|
+
<h4 id="nav">nav</h4>
|
186
|
+
<p>Type: <code>Boolean</code>
|
187
|
+
<br /> Default: <code>false</code></p>
|
188
|
+
<p>Show next/prev buttons.</p>
|
189
|
+
<hr>
|
190
|
+
<h4 id="rewind">rewind</h4>
|
191
|
+
<p>Type: <code>Boolean</code>
|
192
|
+
<br /> Default: <code>true</code></p>
|
193
|
+
<p>Go backwards when the boundary has reached.</p>
|
194
|
+
<hr>
|
195
|
+
<h4 id="navtext">navText</h4>
|
196
|
+
<p>Type: <code>Array</code>
|
197
|
+
<br /> Default: <code>[&#x27;next&#x27;,&#x27;prev&#x27;]</code></p>
|
198
|
+
<p>HTML allowed.</p>
|
199
|
+
<hr>
|
200
|
+
<h4 id="navelement">navElement</h4>
|
201
|
+
<p>Type: <code>String</code>
|
202
|
+
<br /> Default: <code>div</code></p>
|
203
|
+
<p>DOM element type for a single directional navigation link.</p>
|
204
|
+
<hr>
|
205
|
+
<h4 id="slideby">slideBy</h4>
|
206
|
+
<p>Type: <code>Number/String</code>
|
207
|
+
<br /> Default: <code>1</code></p>
|
208
|
+
<p>Navigation slide by x. 'page' string can be set to slide by page.</p>
|
209
|
+
<hr>
|
210
|
+
<h4 id="slidetransition">slideTransition</h4>
|
211
|
+
<p>Type: <code>String</code>
|
212
|
+
<br /> Default: ``</p>
|
213
|
+
<p>You can define the transition for the stage you want to use eg. linear.</p>
|
214
|
+
<hr>
|
215
|
+
<h4 id="dots">dots</h4>
|
216
|
+
<p>Type: <code>Boolean</code>
|
217
|
+
<br /> Default: <code>true</code></p>
|
218
|
+
<p>Show dots navigation.</p>
|
219
|
+
<hr>
|
220
|
+
<h4 id="dotseach">dotsEach</h4>
|
221
|
+
<p>Type: <code>Number/Boolean</code>
|
222
|
+
<br /> Default: <code>false</code></p>
|
223
|
+
<p>Show dots each x item.</p>
|
224
|
+
<hr>
|
225
|
+
<h4 id="dotsdata">dotsData</h4>
|
226
|
+
<p>Type: <code>Boolean</code>
|
227
|
+
<br /> Default: <code>false</code></p>
|
228
|
+
<p>Used by data-dot content.</p>
|
229
|
+
<hr>
|
230
|
+
<h4 id="lazyload">lazyLoad</h4>
|
231
|
+
<p>Type: <code>Boolean</code>
|
232
|
+
<br /> Default: <code>false</code></p>
|
233
|
+
<p>Lazy load images. data-src and data-src-retina for highres. Also load images into background inline style if element is not <img></p>
|
234
|
+
<hr>
|
235
|
+
<h4 id="lazyloadeager">lazyLoadEager</h4>
|
236
|
+
<p>Type: <code>Number</code>
|
237
|
+
<br /> Default: <code>0</code></p>
|
238
|
+
<p>Eagerly pre-loads images to the right (and left when loop is enabled) based on how many items you want to preload.</p>
|
239
|
+
<hr>
|
240
|
+
<h4 id="autoplay">autoplay</h4>
|
241
|
+
<p>Type: <code>Boolean</code>
|
242
|
+
<br /> Default: <code>false</code></p>
|
243
|
+
<p>Autoplay.</p>
|
244
|
+
<hr>
|
245
|
+
<h4 id="autoplaytimeout">autoplayTimeout</h4>
|
246
|
+
<p>Type: <code>Number</code>
|
247
|
+
<br /> Default: <code>5000</code></p>
|
248
|
+
<p>Autoplay interval timeout.</p>
|
249
|
+
<hr>
|
250
|
+
<h4 id="autoplayhoverpause">autoplayHoverPause</h4>
|
251
|
+
<p>Type: <code>Boolean</code>
|
252
|
+
<br /> Default: <code>false</code></p>
|
253
|
+
<p>Pause on mouse hover.</p>
|
254
|
+
<hr>
|
255
|
+
<h4 id="smartspeed">smartSpeed</h4>
|
256
|
+
<p>Type: <code>Number</code>
|
257
|
+
<br /> Default: <code>250</code></p>
|
258
|
+
<p>Speed Calculate. More info to come..</p>
|
259
|
+
<hr>
|
260
|
+
<h4 id="fluidspeed">fluidSpeed</h4>
|
261
|
+
<p>Type: <code>Boolean</code>
|
262
|
+
<br /> Default: <code>Number</code></p>
|
263
|
+
<p>Speed Calculate. More info to come..</p>
|
264
|
+
<hr>
|
265
|
+
<h4 id="autoplayspeed">autoplaySpeed</h4>
|
266
|
+
<p>Type: <code>Number/Boolean</code>
|
267
|
+
<br /> Default: <code>false</code></p>
|
268
|
+
<p>autoplay speed.</p>
|
269
|
+
<hr>
|
270
|
+
<h4 id="navspeed">navSpeed</h4>
|
271
|
+
<p>Type: <code>Number/Boolean</code>
|
272
|
+
<br /> Default: <code>false</code></p>
|
273
|
+
<p>Navigation speed.</p>
|
274
|
+
<hr>
|
275
|
+
<h4 id="dotsspeed">dotsSpeed</h4>
|
276
|
+
<p>Type: <code>Boolean</code>
|
277
|
+
<br /> Default: <code>Number/Boolean</code></p>
|
278
|
+
<p>Pagination speed.</p>
|
279
|
+
<hr>
|
280
|
+
<h4 id="dragendspeed">dragEndSpeed</h4>
|
281
|
+
<p>Type: <code>Number/Boolean</code>
|
282
|
+
<br /> Default: <code>false</code></p>
|
283
|
+
<p>Drag end speed.</p>
|
284
|
+
<hr>
|
285
|
+
<h4 id="callbacks">callbacks</h4>
|
286
|
+
<p>Type: <code>Boolean</code>
|
287
|
+
<br /> Default: <code>true</code></p>
|
288
|
+
<p>Enable callback events.</p>
|
289
|
+
<hr>
|
290
|
+
<h4 id="responsive">responsive</h4>
|
291
|
+
<p>Type: <code>Object</code>
|
292
|
+
<br /> Default: <code>empty object</code></p>
|
293
|
+
<p>Object containing responsive options. Can be set to false to remove responsive capabilities.</p>
|
294
|
+
<hr>
|
295
|
+
<h4 id="responsiverefreshrate">responsiveRefreshRate</h4>
|
296
|
+
<p>Type: <code>Number</code>
|
297
|
+
<br /> Default: <code>200</code></p>
|
298
|
+
<p>Responsive refresh rate.</p>
|
299
|
+
<hr>
|
300
|
+
<h4 id="responsivebaseelement">responsiveBaseElement</h4>
|
301
|
+
<p>Type: <code>DOM element</code>
|
302
|
+
<br /> Default: <code>window</code></p>
|
303
|
+
<p>Set on any DOM element. If you care about non responsive browser (like ie8) then use it on main wrapper. This will prevent from crazy resizing.</p>
|
304
|
+
<hr>
|
305
|
+
<h4 id="video">video</h4>
|
306
|
+
<p>Type: <code>Boolean</code>
|
307
|
+
<br /> Default: <code>false</code></p>
|
308
|
+
<p>Enable fetching YouTube/Vimeo/Vzaar videos.</p>
|
309
|
+
<hr>
|
310
|
+
<h4 id="videoheight">videoHeight</h4>
|
311
|
+
<p>Type: <code>Number/Boolean</code>
|
312
|
+
<br /> Default: <code>false</code></p>
|
313
|
+
<p>Set height for videos.</p>
|
314
|
+
<hr>
|
315
|
+
<h4 id="videowidth">videoWidth</h4>
|
316
|
+
<p>Type: <code>Number/Boolean</code>
|
317
|
+
<br /> Default: <code>false</code></p>
|
318
|
+
<p>Set width for videos.</p>
|
319
|
+
<hr>
|
320
|
+
<h4 id="animateout">animateOut</h4>
|
321
|
+
<p>Type: <code>String/Boolean</code>
|
322
|
+
<br /> Default: <code>false</code></p>
|
323
|
+
<p>Class for CSS3 animation out.</p>
|
324
|
+
<hr>
|
325
|
+
<h4 id="animatein">animateIn</h4>
|
326
|
+
<p>Type: <code>String/Boolean</code>
|
327
|
+
<br /> Default: <code>false</code></p>
|
328
|
+
<p>Class for CSS3 animation in.</p>
|
329
|
+
<hr>
|
330
|
+
<h4 id="fallbackeasing">fallbackEasing</h4>
|
331
|
+
<p>Type: <code>String</code>
|
332
|
+
<br /> Default: <code>swing</code></p>
|
333
|
+
<p>Easing for CSS2 $.animate.</p>
|
334
|
+
<hr>
|
335
|
+
<h4 id="info">info</h4>
|
336
|
+
<p>Type: <code>Function</code>
|
337
|
+
<br /> Default: <code>false</code></p>
|
338
|
+
<p>Callback to retrieve basic information (current item/pages/widths). Info function second parameter is Owl DOM object reference.</p>
|
339
|
+
<hr>
|
340
|
+
<h4 id="nesteditemselector">nestedItemSelector</h4>
|
341
|
+
<p>Type: <code>String/Class</code>
|
342
|
+
<br /> Default: <code>false</code></p>
|
343
|
+
<p>Use it if owl items are deep nested inside some generated content. E.g 'youritem'. Dont use dot before class name.</p>
|
344
|
+
<hr>
|
345
|
+
<h4 id="itemelement">itemElement</h4>
|
346
|
+
<p>Type: <code>String</code>
|
347
|
+
<br /> Default: <code>div</code></p>
|
348
|
+
<p>DOM element type for owl-item.</p>
|
349
|
+
<hr>
|
350
|
+
<h4 id="stageelement">stageElement</h4>
|
351
|
+
<p>Type: <code>String</code>
|
352
|
+
<br /> Default: <code>div</code></p>
|
353
|
+
<p>DOM element type for owl-stage.</p>
|
354
|
+
<hr>
|
355
|
+
<h4 id="navcontainer">navContainer</h4>
|
356
|
+
<p>Type: <code>String/Class/ID/Boolean</code>
|
357
|
+
<br /> Default: <code>false</code></p>
|
358
|
+
<p>Set your own container for nav.</p>
|
359
|
+
<hr>
|
360
|
+
<h4 id="dotscontainer">dotsContainer</h4>
|
361
|
+
<p>Type: <code>String/Class/ID/Boolean</code>
|
362
|
+
<br /> Default: <code>false</code></p>
|
363
|
+
<p>Set your own container for nav.</p>
|
364
|
+
<hr>
|
365
|
+
<h4 id="checkvisible">checkVisible</h4>
|
366
|
+
<p>Type: <code>Boolean</code>
|
367
|
+
<br /> Default: <code>true</code></p>
|
368
|
+
<p>If you know the carousel will always be visible you can set `checkVisibility` to `false` to prevent the expensive browser layout forced reflow the $element.is(':visible') does.</p>
|
369
|
+
<hr>
|
370
|
+
<h3 id="next-step">Next Step</h3>
|
371
|
+
<h4 id="-classes-api-classes-html-">
|
372
|
+
<a href="api-classes.html">Classes</a>
|
373
|
+
</h4>
|
374
|
+
</article>
|
375
|
+
</div>
|
376
|
+
</div>
|
377
|
+
</div>
|
378
|
+
|
379
|
+
<!-- footer -->
|
380
|
+
<footer class="footer">
|
381
|
+
<div class="row">
|
382
|
+
<div class="large-12 columns">
|
383
|
+
<h5>
|
384
|
+
<a href="/OwlCarousel2/docs/support-contact.html">David Deutsch</a>
|
385
|
+
<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>
|
386
|
+
</h5>
|
387
|
+
</div>
|
388
|
+
</div>
|
389
|
+
</footer>
|
390
|
+
|
391
|
+
<!-- vendors -->
|
392
|
+
<script src="../assets/vendors/highlight.js"></script>
|
393
|
+
<script src="../assets/js/app.js"></script>
|
394
|
+
</body>
|
395
|
+
</html>
|
@@ -0,0 +1,157 @@
|
|
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
|
+
Built-in Plugins | 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>Development</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="built-in-plugins">Built-in Plugins</h2>
|
112
|
+
<blockquote>
|
113
|
+
<p>Owl Carousel supports plugin modular structure. This means that you can remove plugins that you won’t use or create new ones that fit your needs</p>
|
114
|
+
</blockquote>
|
115
|
+
<h3 id="plugins-included">Plugins included</h3>
|
116
|
+
<p>Following javascript files are concatenated in distributed owl.carousel.js and owl.carousel.min.js version. If you are looking for individual scripts please visit
|
117
|
+
<a href="https://github.com/OwlCarousel2/OwlCarousel2">Github</a> and fork/download the source project</p>
|
118
|
+
<pre><code>src/
|
119
|
+
└── js/
|
120
|
+
├── owl.animate.js
|
121
|
+
├── owl.autoplay.js
|
122
|
+
├── owl.autoheight.js
|
123
|
+
├── owl.carousel.js
|
124
|
+
├── owl.hash.js
|
125
|
+
├── owl.lazyload.js
|
126
|
+
├── owl.navigation.js
|
127
|
+
└── owl.video.js</code></pre>
|
128
|
+
<blockquote>
|
129
|
+
<p>
|
130
|
+
<a href="../demos/demos.html#using-built-in-plugins">See demos of built-in plugins</a>
|
131
|
+
</p>
|
132
|
+
</blockquote>
|
133
|
+
<hr>
|
134
|
+
<p>Big thanks to
|
135
|
+
<a href="https://github.com/witrin">Artus Kolanowski</a> for helping me with modular structure and for providing best practice with developing the code.</p>
|
136
|
+
</article>
|
137
|
+
</div>
|
138
|
+
</div>
|
139
|
+
</div>
|
140
|
+
|
141
|
+
<!-- footer -->
|
142
|
+
<footer class="footer">
|
143
|
+
<div class="row">
|
144
|
+
<div class="large-12 columns">
|
145
|
+
<h5>
|
146
|
+
<a href="/OwlCarousel2/docs/support-contact.html">David Deutsch</a>
|
147
|
+
<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>
|
148
|
+
</h5>
|
149
|
+
</div>
|
150
|
+
</div>
|
151
|
+
</footer>
|
152
|
+
|
153
|
+
<!-- vendors -->
|
154
|
+
<script src="../assets/vendors/highlight.js"></script>
|
155
|
+
<script src="../assets/js/app.js"></script>
|
156
|
+
</body>
|
157
|
+
</html>
|