| 21627 |
kshitij.so |
1 |
/*
|
|
|
2 |
* jQuery OwlCarousel v1.21
|
|
|
3 |
*
|
|
|
4 |
* Copyright (c) 2013 Bartosz Wojciechowski
|
|
|
5 |
* http://www.owlgraphic.com/owlcarousel
|
|
|
6 |
*
|
|
|
7 |
* Licensed under MIT
|
|
|
8 |
*
|
|
|
9 |
*/
|
|
|
10 |
|
|
|
11 |
|
|
|
12 |
// Object.create function
|
|
|
13 |
if ( typeof Object.create !== "function" ) {
|
|
|
14 |
Object.create = function( obj ) {
|
|
|
15 |
function F() {};
|
|
|
16 |
F.prototype = obj;
|
|
|
17 |
return new F();
|
|
|
18 |
};
|
|
|
19 |
}
|
|
|
20 |
(function( $, window, document, undefined ) {
|
|
|
21 |
|
|
|
22 |
var Carousel = {
|
|
|
23 |
init :function(options, el){
|
|
|
24 |
var base = this;
|
|
|
25 |
base.options = $.extend({}, $.fn.owlCarousel.options, options);
|
|
|
26 |
var elem = el;
|
|
|
27 |
var $elem = $(el);
|
|
|
28 |
base.$elem = $elem;
|
|
|
29 |
base.loadContent()
|
|
|
30 |
},
|
|
|
31 |
|
|
|
32 |
loadContent : function(){
|
|
|
33 |
var base = this;
|
|
|
34 |
|
|
|
35 |
if (typeof base.options.beforeInit === "function") {
|
|
|
36 |
base.options.beforeInit.apply(this,[base.$elem]);
|
|
|
37 |
}
|
|
|
38 |
|
|
|
39 |
if (typeof base.options.jsonPath === "string") {
|
|
|
40 |
var url = base.options.jsonPath;
|
|
|
41 |
|
|
|
42 |
function getData(data) {
|
|
|
43 |
if (typeof base.options.jsonSuccess === "function") {
|
|
|
44 |
base.options.jsonSuccess.apply(this,[data]);
|
|
|
45 |
} else {
|
|
|
46 |
var content = "";
|
|
|
47 |
for(var i in data["owl"]){
|
|
|
48 |
content += data["owl"][i]["item"];
|
|
|
49 |
}
|
|
|
50 |
base.$elem.html(content);
|
|
|
51 |
}
|
|
|
52 |
base.logIn();
|
|
|
53 |
}
|
|
|
54 |
$.getJSON(url,getData);
|
|
|
55 |
} else {
|
|
|
56 |
base.logIn();
|
|
|
57 |
}
|
|
|
58 |
},
|
|
|
59 |
|
|
|
60 |
logIn : function(){
|
|
|
61 |
var base = this;
|
|
|
62 |
|
|
|
63 |
base.baseClass();
|
|
|
64 |
|
|
|
65 |
base.$elem
|
|
|
66 |
.css({opacity: 0})
|
|
|
67 |
|
|
|
68 |
base.checkTouch();
|
|
|
69 |
base.support3d();
|
|
|
70 |
|
|
|
71 |
base.wrapperWidth = 0;
|
|
|
72 |
base.currentSlide = 0; //Starting Position
|
|
|
73 |
|
|
|
74 |
base.userItems = base.$elem.children();
|
|
|
75 |
base.itemsAmount = base.userItems.length;
|
|
|
76 |
base.wrapItems();
|
|
|
77 |
|
|
|
78 |
base.owlItems = base.$elem.find(".owl-item");
|
|
|
79 |
base.owlWrapper = base.$elem.find(".owl-wrapper");
|
|
|
80 |
|
|
|
81 |
base.orignalItems = base.options.items;
|
|
|
82 |
base.playDirection = "next";
|
|
|
83 |
|
|
|
84 |
base.checkVisible;
|
|
|
85 |
|
|
|
86 |
//setTimeout(function(){
|
|
|
87 |
base.onStartup();
|
|
|
88 |
//},0);
|
|
|
89 |
base.customEvents();
|
|
|
90 |
|
|
|
91 |
},
|
|
|
92 |
|
|
|
93 |
onStartup : function(){
|
|
|
94 |
var base = this;
|
|
|
95 |
base.updateItems();
|
|
|
96 |
base.calculateAll();
|
|
|
97 |
base.buildControls();
|
|
|
98 |
base.updateControls();
|
|
|
99 |
base.response();
|
|
|
100 |
base.moveEvents();
|
|
|
101 |
base.stopOnHover();
|
|
|
102 |
if(base.options.autoPlay === true){
|
|
|
103 |
base.options.autoPlay = 5000;
|
|
|
104 |
}
|
|
|
105 |
base.play();
|
|
|
106 |
base.$elem.find(".owl-wrapper").css("display","block")
|
|
|
107 |
|
|
|
108 |
if(!base.$elem.is(":visible")){
|
|
|
109 |
base.watchVisibility();
|
|
|
110 |
} else {
|
|
|
111 |
setTimeout(function(){
|
|
|
112 |
base.$elem.animate({opacity: 1},200);
|
|
|
113 |
},10);
|
|
|
114 |
}
|
|
|
115 |
base.onstartup = false;
|
|
|
116 |
base.eachMoveUpdate();
|
|
|
117 |
if (typeof base.options.afterInit === "function") {
|
|
|
118 |
base.options.afterInit.apply(this,[base.$elem]);
|
|
|
119 |
}
|
|
|
120 |
},
|
|
|
121 |
|
|
|
122 |
eachMoveUpdate : function(){
|
|
|
123 |
var base = this;
|
|
|
124 |
base.lazyLoad();
|
|
|
125 |
base.autoHeight();
|
|
|
126 |
if(base.options.singleItem === true){
|
|
|
127 |
base.addActiveClass();
|
|
|
128 |
}
|
|
|
129 |
if (typeof base.options.afterAction === "function") {
|
|
|
130 |
base.options.afterAction.apply(this);
|
|
|
131 |
}
|
|
|
132 |
},
|
|
|
133 |
|
|
|
134 |
updateVars : function(){
|
|
|
135 |
var base = this;
|
|
|
136 |
base.watchVisibility();
|
|
|
137 |
base.updateItems();
|
|
|
138 |
base.calculateAll();
|
|
|
139 |
base.updatePosition();
|
|
|
140 |
base.updateControls();
|
|
|
141 |
base.eachMoveUpdate();
|
|
|
142 |
},
|
|
|
143 |
|
|
|
144 |
reload : function(elements){
|
|
|
145 |
var base = this;
|
|
|
146 |
setTimeout(function(){
|
|
|
147 |
base.updateVars();
|
|
|
148 |
},0)
|
|
|
149 |
},
|
|
|
150 |
|
|
|
151 |
watchVisibility : function(){
|
|
|
152 |
var base = this;
|
|
|
153 |
clearInterval(base.checkVisible);
|
|
|
154 |
if(!base.$elem.is(":visible")){
|
|
|
155 |
base.$elem.css({opacity: 0});
|
|
|
156 |
clearInterval(base.autoPlaySpeed);
|
|
|
157 |
} else {
|
|
|
158 |
return false;
|
|
|
159 |
}
|
|
|
160 |
base.checkVisible = setInterval(function(){
|
|
|
161 |
if (base.$elem.is(":visible")) {
|
|
|
162 |
base.reload();
|
|
|
163 |
base.$elem.animate({opacity: 1},200);
|
|
|
164 |
clearInterval(base.checkVisible);
|
|
|
165 |
}
|
|
|
166 |
}, 500);
|
|
|
167 |
},
|
|
|
168 |
|
|
|
169 |
wrapItems : function(){
|
|
|
170 |
var base = this;
|
|
|
171 |
base.userItems.wrapAll("<div class=\"owl-wrapper\">").wrap("<div class=\"owl-item\"></div>");
|
|
|
172 |
base.$elem.find(".owl-wrapper").wrap("<div class=\"owl-wrapper-outer\">");
|
|
|
173 |
base.wrapperOuter = base.$elem.find(".owl-wrapper-outer");
|
|
|
174 |
base.$elem.css("display","block");
|
|
|
175 |
},
|
|
|
176 |
|
|
|
177 |
baseClass : function(){
|
|
|
178 |
var base = this;
|
|
|
179 |
var hasBaseClass = base.$elem.hasClass(base.options.baseClass);
|
|
|
180 |
var hasThemeClass = base.$elem.hasClass(base.options.theme);
|
|
|
181 |
|
|
|
182 |
if(!hasBaseClass){
|
|
|
183 |
base.$elem.addClass(base.options.baseClass);
|
|
|
184 |
}
|
|
|
185 |
|
|
|
186 |
if(!hasThemeClass){
|
|
|
187 |
base.$elem.addClass(base.options.theme);
|
|
|
188 |
}
|
|
|
189 |
},
|
|
|
190 |
|
|
|
191 |
updateItems : function(){
|
|
|
192 |
var base = this;
|
|
|
193 |
|
|
|
194 |
if(base.options.responsive === false){
|
|
|
195 |
return false;
|
|
|
196 |
}
|
|
|
197 |
|
|
|
198 |
if(base.options.singleItem === true){
|
|
|
199 |
base.options.items = base.orignalItems = 1;
|
|
|
200 |
base.options.itemsDesktop = false;
|
|
|
201 |
base.options.itemsDesktopSmall = false;
|
|
|
202 |
base.options.itemsTablet = false;
|
|
|
203 |
base.options.itemsMobile = false;
|
|
|
204 |
return false;
|
|
|
205 |
}
|
|
|
206 |
|
|
|
207 |
var width = $(window).width();
|
|
|
208 |
|
|
|
209 |
if(width > (base.options.itemsDesktop[0] || base.orignalItems) ){
|
|
|
210 |
base.options.items = base.orignalItems
|
|
|
211 |
}
|
|
|
212 |
|
|
|
213 |
if(width <= base.options.itemsDesktop[0] && base.options.itemsDesktop !== false){
|
|
|
214 |
base.options.items = base.options.itemsDesktop[1];
|
|
|
215 |
}
|
|
|
216 |
|
|
|
217 |
if(width <= base.options.itemsDesktopSmall[0] && base.options.itemsDesktopSmall !== false){
|
|
|
218 |
base.options.items = base.options.itemsDesktopSmall[1];
|
|
|
219 |
}
|
|
|
220 |
|
|
|
221 |
if(width <= base.options.itemsTablet[0] && base.options.itemsTablet !== false){
|
|
|
222 |
base.options.items = base.options.itemsTablet[1];
|
|
|
223 |
}
|
|
|
224 |
|
|
|
225 |
if(width <= base.options.itemsMobile[0] && base.options.itemsMobile !== false){
|
|
|
226 |
base.options.items = base.options.itemsMobile[1];
|
|
|
227 |
}
|
|
|
228 |
|
|
|
229 |
//if number of items is less than declared
|
|
|
230 |
if(base.options.items > base.itemsAmount){
|
|
|
231 |
base.options.items = base.itemsAmount;
|
|
|
232 |
}
|
|
|
233 |
},
|
|
|
234 |
|
|
|
235 |
response : function(){
|
|
|
236 |
var base = this,
|
|
|
237 |
smallDelay;
|
|
|
238 |
if(base.options.responsive !== true){
|
|
|
239 |
return false
|
|
|
240 |
}
|
|
|
241 |
$(window).resize(function(){
|
|
|
242 |
if(base.options.autoPlay !== false){
|
|
|
243 |
clearInterval(base.autoPlaySpeed);
|
|
|
244 |
}
|
|
|
245 |
clearTimeout(smallDelay)
|
|
|
246 |
smallDelay = setTimeout(function(){
|
|
|
247 |
base.updateVars();
|
|
|
248 |
},base.options.responsiveRefreshRate);
|
|
|
249 |
})
|
|
|
250 |
},
|
|
|
251 |
|
|
|
252 |
updatePosition : function(){
|
|
|
253 |
var base = this;
|
|
|
254 |
|
|
|
255 |
if(base.support3d === true){
|
|
|
256 |
if(base.positionsInArray[base.currentSlide] > base.maximumPixels){
|
|
|
257 |
base.transition3d(base.positionsInArray[base.currentSlide]);
|
|
|
258 |
} else {
|
|
|
259 |
base.transition3d(0);
|
|
|
260 |
base.currentSlide = 0;
|
|
|
261 |
}
|
|
|
262 |
} else{
|
|
|
263 |
if(base.positionsInArray[base.currentSlide] > base.maximumPixels){
|
|
|
264 |
base.css2slide(base.positionsInArray[base.currentSlide]);
|
|
|
265 |
} else {
|
|
|
266 |
base.css2slide(0);
|
|
|
267 |
base.currentSlide = 0;
|
|
|
268 |
}
|
|
|
269 |
}
|
|
|
270 |
if(base.options.autoPlay !== false){
|
|
|
271 |
base.checkAp();
|
|
|
272 |
}
|
|
|
273 |
},
|
|
|
274 |
|
|
|
275 |
appendItemsSizes : function(){
|
|
|
276 |
var base = this;
|
|
|
277 |
|
|
|
278 |
var roundPages = 0;
|
|
|
279 |
var lastItem = base.itemsAmount - base.options.items;
|
|
|
280 |
|
|
|
281 |
base.owlItems.each(function(index){
|
|
|
282 |
$(this)
|
|
|
283 |
.css({"width": base.itemWidth})
|
|
|
284 |
.data("owl-item",Number(index));
|
|
|
285 |
|
|
|
286 |
if(index % base.options.items === 0 || index === lastItem){
|
|
|
287 |
if(!(index > lastItem)){
|
|
|
288 |
roundPages +=1;
|
|
|
289 |
}
|
|
|
290 |
}
|
|
|
291 |
$(this).data("owl-roundPages",roundPages);
|
|
|
292 |
});
|
|
|
293 |
},
|
|
|
294 |
|
|
|
295 |
appendWrapperSizes : function(){
|
|
|
296 |
var base = this;
|
|
|
297 |
var width = 0;
|
|
|
298 |
|
|
|
299 |
var width = base.owlItems.length * base.itemWidth;
|
|
|
300 |
|
|
|
301 |
base.owlWrapper.css({
|
|
|
302 |
"width": width*2,
|
|
|
303 |
"left": 0
|
|
|
304 |
});
|
|
|
305 |
base.appendItemsSizes();
|
|
|
306 |
},
|
|
|
307 |
|
|
|
308 |
calculateAll : function(){
|
|
|
309 |
var base = this;
|
|
|
310 |
base.calculateWidth();
|
|
|
311 |
base.appendWrapperSizes();
|
|
|
312 |
base.loops();
|
|
|
313 |
base.max();
|
|
|
314 |
},
|
|
|
315 |
|
|
|
316 |
calculateWidth : function(){
|
|
|
317 |
var base = this;
|
|
|
318 |
base.itemWidth = Math.round(base.$elem.width()/base.options.items)
|
|
|
319 |
},
|
|
|
320 |
|
|
|
321 |
max : function(){
|
|
|
322 |
var base = this;
|
|
|
323 |
base.maximumSlide = base.itemsAmount - base.options.items;
|
|
|
324 |
var maximum = (base.itemsAmount * base.itemWidth) - base.options.items * base.itemWidth;
|
|
|
325 |
maximum = maximum * -1
|
|
|
326 |
base.maximumPixels = maximum;
|
|
|
327 |
return maximum;
|
|
|
328 |
},
|
|
|
329 |
|
|
|
330 |
min : function(){
|
|
|
331 |
return 0;
|
|
|
332 |
},
|
|
|
333 |
|
|
|
334 |
loops : function(){
|
|
|
335 |
var base = this;
|
|
|
336 |
|
|
|
337 |
base.positionsInArray = [0];
|
|
|
338 |
var elWidth = 0;
|
|
|
339 |
|
|
|
340 |
for(var i = 0; i<base.itemsAmount; i++){
|
|
|
341 |
elWidth += base.itemWidth;
|
|
|
342 |
base.positionsInArray.push(-elWidth)
|
|
|
343 |
}
|
|
|
344 |
},
|
|
|
345 |
|
|
|
346 |
buildControls : function(){
|
|
|
347 |
var base = this;
|
|
|
348 |
if(base.options.navigation === true || base.options.pagination === true){
|
|
|
349 |
base.owlControls = $("<div class=\"owl-controls\"/>").toggleClass("clickable", !base.isTouch).appendTo(base.$elem);
|
|
|
350 |
}
|
|
|
351 |
if(base.options.pagination === true){
|
|
|
352 |
base.buildPagination();
|
|
|
353 |
}
|
|
|
354 |
if(base.options.navigation === true){
|
|
|
355 |
base.buildButtons();
|
|
|
356 |
}
|
|
|
357 |
},
|
|
|
358 |
|
|
|
359 |
buildButtons : function(){
|
|
|
360 |
var base = this;
|
|
|
361 |
var buttonsWrapper = $("<div class=\"owl-buttons\"/>")
|
|
|
362 |
base.owlControls.append(buttonsWrapper);
|
|
|
363 |
|
|
|
364 |
base.buttonPrev = $("<div/>",{
|
|
|
365 |
"class" : "owl-prev",
|
|
|
366 |
"html" : base.options.navigationText[0] || ""
|
|
|
367 |
});
|
|
|
368 |
|
|
|
369 |
base.buttonNext = $("<div/>",{
|
|
|
370 |
"class" : "owl-next",
|
|
|
371 |
"html" : base.options.navigationText[1] || ""
|
|
|
372 |
});
|
|
|
373 |
|
|
|
374 |
buttonsWrapper
|
|
|
375 |
.append(base.buttonPrev)
|
|
|
376 |
.append(base.buttonNext);
|
|
|
377 |
|
|
|
378 |
buttonsWrapper.on(base.getEvent(), "div[class^=\"owl\"]", function(event){
|
|
|
379 |
event.preventDefault();
|
|
|
380 |
if($(this).hasClass("owl-next")){
|
|
|
381 |
base.next();
|
|
|
382 |
} else{
|
|
|
383 |
base.prev();
|
|
|
384 |
}
|
|
|
385 |
})
|
|
|
386 |
},
|
|
|
387 |
|
|
|
388 |
getEvent : function(){
|
|
|
389 |
var base = this;
|
|
|
390 |
if (base.isTouch === true){
|
|
|
391 |
return "touchend.owlControls";
|
|
|
392 |
} else {
|
|
|
393 |
return "click.owlControls";
|
|
|
394 |
}
|
|
|
395 |
},
|
|
|
396 |
|
|
|
397 |
buildPagination : function(){
|
|
|
398 |
var base = this;
|
|
|
399 |
|
|
|
400 |
base.paginationWrapper = $("<div class=\"owl-pagination\"/>");
|
|
|
401 |
base.owlControls.append(base.paginationWrapper);
|
|
|
402 |
|
|
|
403 |
base.paginationWrapper.on(base.getEvent(), ".owl-page", function(event){
|
|
|
404 |
event.preventDefault();
|
|
|
405 |
if(Number($(this).data("owl-page")) !== base.currentSlide){
|
|
|
406 |
base.goTo( Number($(this).data("owl-page")), true);
|
|
|
407 |
}
|
|
|
408 |
});
|
|
|
409 |
},
|
|
|
410 |
|
|
|
411 |
updatePagination : function(){
|
|
|
412 |
var base = this;
|
|
|
413 |
if(base.options.pagination === false){
|
|
|
414 |
return false;
|
|
|
415 |
}
|
|
|
416 |
|
|
|
417 |
base.paginationWrapper.html("");
|
|
|
418 |
|
|
|
419 |
var counter = 0;
|
|
|
420 |
var lastPage = base.itemsAmount - base.itemsAmount % base.options.items;
|
|
|
421 |
|
|
|
422 |
for(var i = 0; i<base.itemsAmount; i++){
|
|
|
423 |
if(i % base.options.items === 0){
|
|
|
424 |
counter +=1;
|
|
|
425 |
if(lastPage === i){
|
|
|
426 |
var lastItem = base.itemsAmount - base.options.items;
|
|
|
427 |
}
|
|
|
428 |
var paginationButton = $("<div/>",{
|
|
|
429 |
"class" : "owl-page"
|
|
|
430 |
});
|
|
|
431 |
var paginationButtonInner = $("<span></span>",{
|
|
|
432 |
"text": base.options.paginationNumbers === true ? counter : "",
|
|
|
433 |
"class": base.options.paginationNumbers === true ? "owl-numbers" : ""
|
|
|
434 |
});
|
|
|
435 |
paginationButton.append(paginationButtonInner);
|
|
|
436 |
|
|
|
437 |
paginationButton.data("owl-page",lastPage === i ? lastItem : i);
|
|
|
438 |
paginationButton.data("owl-roundPages",counter);
|
|
|
439 |
|
|
|
440 |
base.paginationWrapper.append(paginationButton);
|
|
|
441 |
}
|
|
|
442 |
}
|
|
|
443 |
base.checkPagination();
|
|
|
444 |
},
|
|
|
445 |
checkPagination : function(){
|
|
|
446 |
var base = this;
|
|
|
447 |
|
|
|
448 |
base.paginationWrapper.find(".owl-page").each(function(i,v){
|
|
|
449 |
if($(this).data("owl-roundPages") === $(base.owlItems[base.currentSlide]).data("owl-roundPages") ){
|
|
|
450 |
base.paginationWrapper
|
|
|
451 |
.find(".owl-page")
|
|
|
452 |
.removeClass("active");
|
|
|
453 |
$(this).addClass("active");
|
|
|
454 |
}
|
|
|
455 |
});
|
|
|
456 |
},
|
|
|
457 |
|
|
|
458 |
checkNavigation : function(){
|
|
|
459 |
var base = this;
|
|
|
460 |
|
|
|
461 |
if(base.options.navigation === false){
|
|
|
462 |
return false;
|
|
|
463 |
}
|
|
|
464 |
if(base.options.goToFirstNav === false){
|
|
|
465 |
if(base.currentSlide === 0 && base.maximumSlide === 0){
|
|
|
466 |
base.buttonPrev.addClass("disabled");
|
|
|
467 |
base.buttonNext.addClass("disabled");
|
|
|
468 |
} else if(base.currentSlide === 0 && base.maximumSlide !== 0){
|
|
|
469 |
base.buttonPrev.addClass("disabled");
|
|
|
470 |
base.buttonNext.removeClass("disabled");
|
|
|
471 |
} else if (base.currentSlide === base.maximumSlide){
|
|
|
472 |
base.buttonPrev.removeClass("disabled");
|
|
|
473 |
base.buttonNext.addClass("disabled");
|
|
|
474 |
} else if(base.currentSlide !== 0 && base.currentSlide !== base.maximumSlide){
|
|
|
475 |
base.buttonPrev.removeClass("disabled");
|
|
|
476 |
base.buttonNext.removeClass("disabled");
|
|
|
477 |
}
|
|
|
478 |
}
|
|
|
479 |
},
|
|
|
480 |
|
|
|
481 |
updateControls : function(){
|
|
|
482 |
var base = this;
|
|
|
483 |
base.updatePagination();
|
|
|
484 |
base.checkNavigation();
|
|
|
485 |
if(base.owlControls){
|
|
|
486 |
if(base.options.items === base.itemsAmount){
|
|
|
487 |
base.owlControls.hide();
|
|
|
488 |
} else {
|
|
|
489 |
base.owlControls.show();
|
|
|
490 |
}
|
|
|
491 |
}
|
|
|
492 |
},
|
|
|
493 |
|
|
|
494 |
destroyControls : function(){
|
|
|
495 |
var base = this;
|
|
|
496 |
if(base.owlControls){
|
|
|
497 |
base.owlControls.remove();
|
|
|
498 |
}
|
|
|
499 |
},
|
|
|
500 |
|
|
|
501 |
next : function(speed){
|
|
|
502 |
var base = this;
|
|
|
503 |
base.currentSlide += base.options.scrollPerPage === true ? base.options.items : 1;
|
|
|
504 |
if(base.currentSlide > base.maximumSlide + (base.options.scrollPerPage == true ? (base.options.items - 1) : 0)){
|
|
|
505 |
if(base.options.goToFirstNav === true){
|
|
|
506 |
base.currentSlide = 0;
|
|
|
507 |
speed = "goToFirst";
|
|
|
508 |
} else {
|
|
|
509 |
base.currentSlide = base.maximumSlide;
|
|
|
510 |
return false;
|
|
|
511 |
}
|
|
|
512 |
}
|
|
|
513 |
base.goTo(base.currentSlide,speed);
|
|
|
514 |
},
|
|
|
515 |
|
|
|
516 |
prev : function(speed){
|
|
|
517 |
var base = this;
|
|
|
518 |
if(base.options.scrollPerPage === true && base.currentSlide > 0 && base.currentSlide < base.options.items){
|
|
|
519 |
base.currentSlide = 0
|
|
|
520 |
} else {
|
|
|
521 |
base.currentSlide -= base.options.scrollPerPage === true ? base.options.items : 1;
|
|
|
522 |
}
|
|
|
523 |
if(base.currentSlide < 0){
|
|
|
524 |
if(base.options.goToFirstNav === true){
|
|
|
525 |
base.currentSlide = base.maximumSlide;
|
|
|
526 |
speed = "goToFirst"
|
|
|
527 |
} else {
|
|
|
528 |
base.currentSlide =0;
|
|
|
529 |
return false;
|
|
|
530 |
}
|
|
|
531 |
}
|
|
|
532 |
base.goTo(base.currentSlide,speed);
|
|
|
533 |
},
|
|
|
534 |
|
|
|
535 |
goTo : function(position,pagination){
|
|
|
536 |
var base = this;
|
|
|
537 |
|
|
|
538 |
if(typeof base.options.beforeMove === "function") {
|
|
|
539 |
base.options.beforeMove.apply(this);
|
|
|
540 |
}
|
|
|
541 |
if(position >= base.maximumSlide){
|
|
|
542 |
position = base.maximumSlide;
|
|
|
543 |
}
|
|
|
544 |
else if( position <= 0 ){
|
|
|
545 |
position = 0;
|
|
|
546 |
}
|
|
|
547 |
base.currentSlide = position;
|
|
|
548 |
|
|
|
549 |
var goToPixel = base.positionsInArray[position];
|
|
|
550 |
|
|
|
551 |
if(base.support3d === true){
|
|
|
552 |
base.isCss3Finish = false;
|
|
|
553 |
|
|
|
554 |
if(pagination === true){
|
|
|
555 |
base.swapTransitionSpeed("paginationSpeed");
|
|
|
556 |
setTimeout(function() {
|
|
|
557 |
base.isCss3Finish = true;
|
|
|
558 |
}, base.options.paginationSpeed);
|
|
|
559 |
|
|
|
560 |
} else if(pagination === "goToFirst" ){
|
|
|
561 |
base.swapTransitionSpeed(base.options.goToFirstSpeed);
|
|
|
562 |
setTimeout(function() {
|
|
|
563 |
base.isCss3Finish = true;
|
|
|
564 |
}, base.options.goToFirstSpeed);
|
|
|
565 |
|
|
|
566 |
} else {
|
|
|
567 |
base.swapTransitionSpeed("slideSpeed");
|
|
|
568 |
setTimeout(function() {
|
|
|
569 |
base.isCss3Finish = true;
|
|
|
570 |
}, base.options.slideSpeed);
|
|
|
571 |
}
|
|
|
572 |
base.transition3d(goToPixel);
|
|
|
573 |
} else {
|
|
|
574 |
if(pagination === true){
|
|
|
575 |
base.css2slide(goToPixel, base.options.paginationSpeed);
|
|
|
576 |
} else if(pagination === "goToFirst" ){
|
|
|
577 |
base.css2slide(goToPixel, base.options.goToFirstSpeed);
|
|
|
578 |
} else {
|
|
|
579 |
base.css2slide(goToPixel, base.options.slideSpeed);
|
|
|
580 |
}
|
|
|
581 |
}
|
|
|
582 |
if(base.options.pagination === true){
|
|
|
583 |
base.checkPagination();
|
|
|
584 |
}
|
|
|
585 |
if(base.options.navigation === true){
|
|
|
586 |
base.checkNavigation();
|
|
|
587 |
}
|
|
|
588 |
if(base.options.autoPlay !== false){
|
|
|
589 |
base.checkAp();
|
|
|
590 |
}
|
|
|
591 |
base.eachMoveUpdate();
|
|
|
592 |
if(typeof base.options.afterMove === "function") {
|
|
|
593 |
base.options.afterMove.apply(this);
|
|
|
594 |
}
|
|
|
595 |
},
|
|
|
596 |
|
|
|
597 |
stop: function(){
|
|
|
598 |
var base = this;
|
|
|
599 |
base.apStatus = "stop";
|
|
|
600 |
clearInterval(base.autoPlaySpeed);
|
|
|
601 |
},
|
|
|
602 |
|
|
|
603 |
checkAp : function(){
|
|
|
604 |
var base = this;
|
|
|
605 |
if(base.apStatus !== "stop"){
|
|
|
606 |
base.play();
|
|
|
607 |
}
|
|
|
608 |
},
|
|
|
609 |
|
|
|
610 |
play : function(){
|
|
|
611 |
var base = this;
|
|
|
612 |
base.apStatus = "play";
|
|
|
613 |
if(base.options.autoPlay === false){
|
|
|
614 |
return false;
|
|
|
615 |
}
|
|
|
616 |
clearInterval(base.autoPlaySpeed);
|
|
|
617 |
base.autoPlaySpeed = setInterval(function(){
|
|
|
618 |
if(base.currentSlide < base.maximumSlide && base.playDirection === "next"){
|
|
|
619 |
base.next(true);
|
|
|
620 |
} else if(base.currentSlide === base.maximumSlide){
|
|
|
621 |
if(base.options.goToFirst === true){
|
|
|
622 |
base.goTo(0,"goToFirst");
|
|
|
623 |
} else{
|
|
|
624 |
base.playDirection = "prev";
|
|
|
625 |
base.prev(true);
|
|
|
626 |
}
|
|
|
627 |
} else if(base.playDirection === "prev" && base.currentSlide > 0){
|
|
|
628 |
base.prev(true);
|
|
|
629 |
} else if(base.playDirection === "prev" && base.currentSlide === 0){
|
|
|
630 |
base.playDirection = "next";
|
|
|
631 |
base.next(true);
|
|
|
632 |
}
|
|
|
633 |
},base.options.autoPlay);
|
|
|
634 |
},
|
|
|
635 |
|
|
|
636 |
swapTransitionSpeed : function(action){
|
|
|
637 |
var base = this;
|
|
|
638 |
if(action === "slideSpeed"){
|
|
|
639 |
base.owlWrapper.css(base.addTransition(base.options.slideSpeed));
|
|
|
640 |
} else if(action === "paginationSpeed" ){
|
|
|
641 |
base.owlWrapper.css(base.addTransition(base.options.paginationSpeed));
|
|
|
642 |
} else if(typeof action !== "string"){
|
|
|
643 |
base.owlWrapper.css(base.addTransition(action));
|
|
|
644 |
}
|
|
|
645 |
},
|
|
|
646 |
|
|
|
647 |
addTransition : function(speed){
|
|
|
648 |
var base = this;
|
|
|
649 |
return {
|
|
|
650 |
"-webkit-transition": "all "+ speed +"ms ease",
|
|
|
651 |
"-moz-transition": "all "+ speed +"ms ease",
|
|
|
652 |
"-o-transition": "all "+ speed +"ms ease",
|
|
|
653 |
"transition": "all "+ speed +"ms ease"
|
|
|
654 |
};
|
|
|
655 |
},
|
|
|
656 |
|
|
|
657 |
removeTransition : function(){
|
|
|
658 |
return {
|
|
|
659 |
"-webkit-transition": "",
|
|
|
660 |
"-moz-transition": "",
|
|
|
661 |
"-o-transition": "",
|
|
|
662 |
"transition": ""
|
|
|
663 |
};
|
|
|
664 |
},
|
|
|
665 |
|
|
|
666 |
doTranslate : function(pixels){
|
|
|
667 |
return {
|
|
|
668 |
"-webkit-transform": "translate3d("+pixels+"px, 0px, 0px)",
|
|
|
669 |
"-moz-transform": "translate3d("+pixels+"px, 0px, 0px)",
|
|
|
670 |
"-o-transform": "translate3d("+pixels+"px, 0px, 0px)",
|
|
|
671 |
"-ms-transform": "translate3d("+pixels+"px, 0px, 0px)",
|
|
|
672 |
"transform": "translate3d("+pixels+"px, 0px,0px)"
|
|
|
673 |
};
|
|
|
674 |
},
|
|
|
675 |
|
|
|
676 |
transition3d : function(value){
|
|
|
677 |
var base = this;
|
|
|
678 |
base.owlWrapper.css(base.doTranslate(value));
|
|
|
679 |
},
|
|
|
680 |
|
|
|
681 |
css2move : function(value){
|
|
|
682 |
var base = this;
|
|
|
683 |
base.owlWrapper.css({"left" : value})
|
|
|
684 |
},
|
|
|
685 |
|
|
|
686 |
css2slide : function(value,speed){
|
|
|
687 |
var base = this;
|
|
|
688 |
|
|
|
689 |
base.isCssFinish = false;
|
|
|
690 |
base.owlWrapper.stop(true,true).animate({
|
|
|
691 |
"left" : value
|
|
|
692 |
}, {
|
|
|
693 |
duration : speed || base.options.slideSpeed ,
|
|
|
694 |
complete : function(){
|
|
|
695 |
base.isCssFinish = true;
|
|
|
696 |
}
|
|
|
697 |
});
|
|
|
698 |
},
|
|
|
699 |
|
|
|
700 |
support3d : function(){
|
|
|
701 |
var base = this;
|
|
|
702 |
|
|
|
703 |
var sTranslate3D = "translate3d(0px, 0px, 0px)";
|
|
|
704 |
var eTemp = document.createElement("div");
|
|
|
705 |
eTemp.style.cssText = " -moz-transform:" + sTranslate3D +
|
|
|
706 |
"; -ms-transform:" + sTranslate3D +
|
|
|
707 |
"; -o-transform:" + sTranslate3D +
|
|
|
708 |
"; -webkit-transform:" + sTranslate3D +
|
|
|
709 |
"; transform:" + sTranslate3D;
|
|
|
710 |
var rxTranslate = /translate3d\(0px, 0px, 0px\)/g;
|
|
|
711 |
var asSupport = eTemp.style.cssText.match(rxTranslate);
|
|
|
712 |
var bHasSupport = (asSupport !== null && asSupport.length === 1);
|
|
|
713 |
base.support3d = bHasSupport
|
|
|
714 |
return bHasSupport;
|
|
|
715 |
},
|
|
|
716 |
|
|
|
717 |
checkTouch : function(){
|
|
|
718 |
var base = this;
|
|
|
719 |
base.isTouch = ("ontouchstart" in document.documentElement);
|
|
|
720 |
},
|
|
|
721 |
|
|
|
722 |
moveEvents : function(){
|
|
|
723 |
var base = this;
|
|
|
724 |
if(base.options.mouseDraggable || base.isTouch === true){
|
|
|
725 |
base.eventTypes();
|
|
|
726 |
base.gestures();
|
|
|
727 |
base.disabledEvents();
|
|
|
728 |
}
|
|
|
729 |
},
|
|
|
730 |
|
|
|
731 |
eventTypes : function(){
|
|
|
732 |
var base = this;
|
|
|
733 |
var types;
|
|
|
734 |
|
|
|
735 |
base.ev_types = {};
|
|
|
736 |
|
|
|
737 |
if(base.isTouch) {
|
|
|
738 |
types = [
|
|
|
739 |
"touchstart.owl",
|
|
|
740 |
"touchmove.owl",
|
|
|
741 |
"touchend.owl"
|
|
|
742 |
];
|
|
|
743 |
} else{
|
|
|
744 |
types = [
|
|
|
745 |
"mousedown.owl",
|
|
|
746 |
"mousemove.owl",
|
|
|
747 |
"mouseup.owl"
|
|
|
748 |
];
|
|
|
749 |
}
|
|
|
750 |
base.ev_types["start"] = types[0];
|
|
|
751 |
base.ev_types["move"] = types[1];
|
|
|
752 |
base.ev_types["end"] = types[2];
|
|
|
753 |
},
|
|
|
754 |
|
|
|
755 |
disabledEvents : function(){
|
|
|
756 |
var base = this;
|
|
|
757 |
if(base.isTouch !== true){
|
|
|
758 |
base.$elem.on("dragstart.owl","img", function(event) { event.preventDefault();});
|
|
|
759 |
base.$elem.bind("mousedown.disableTextSelect", function() {return false;});
|
|
|
760 |
}
|
|
|
761 |
},
|
|
|
762 |
|
|
|
763 |
gestures : function(){
|
|
|
764 |
var base = this;
|
|
|
765 |
|
|
|
766 |
var locals = {
|
|
|
767 |
offsetX : 0,
|
|
|
768 |
offsetY : 0,
|
|
|
769 |
baseElWidth : 0,
|
|
|
770 |
relativePos : 0,
|
|
|
771 |
position: null,
|
|
|
772 |
minSwipe : null,
|
|
|
773 |
maxSwipe: null,
|
|
|
774 |
sliding : null,
|
|
|
775 |
targetElement : null
|
|
|
776 |
}
|
|
|
777 |
|
|
|
778 |
base.isCssFinish = true;
|
|
|
779 |
|
|
|
780 |
function getTouches(event){
|
|
|
781 |
if(base.isTouch === true){
|
|
|
782 |
return {
|
|
|
783 |
x : event.touches[0].pageX,
|
|
|
784 |
y : event.touches[0].pageY
|
|
|
785 |
}
|
|
|
786 |
} else {
|
|
|
787 |
if(event.pageX !== undefined){
|
|
|
788 |
return {
|
|
|
789 |
x : event.pageX,
|
|
|
790 |
y : event.pageY
|
|
|
791 |
}
|
|
|
792 |
} else {
|
|
|
793 |
return {
|
|
|
794 |
x : event.clientX,
|
|
|
795 |
y : event.clientY
|
|
|
796 |
}
|
|
|
797 |
}
|
|
|
798 |
}
|
|
|
799 |
}
|
|
|
800 |
|
|
|
801 |
function swapEvents(type){
|
|
|
802 |
if(type === "on"){
|
|
|
803 |
$(document).on(base.ev_types["move"], dragMove);
|
|
|
804 |
$(document).on(base.ev_types["end"], dragEnd);
|
|
|
805 |
} else if(type === "off"){
|
|
|
806 |
$(document).off(base.ev_types["move"]);
|
|
|
807 |
$(document).off(base.ev_types["end"]);
|
|
|
808 |
}
|
|
|
809 |
}
|
|
|
810 |
function dragStart(event) {
|
|
|
811 |
var event = event.originalEvent || event || window.event;
|
|
|
812 |
|
|
|
813 |
if(base.isCssFinish === false){
|
|
|
814 |
return false;
|
|
|
815 |
}
|
|
|
816 |
if(base.isCss3Finish === false){
|
|
|
817 |
return false;
|
|
|
818 |
}
|
|
|
819 |
|
|
|
820 |
if(base.options.autoPlay !== false){
|
|
|
821 |
clearInterval(base.autoPlaySpeed);
|
|
|
822 |
}
|
|
|
823 |
|
|
|
824 |
if(base.isTouch !== true && !base.owlWrapper.hasClass("grabbing")){
|
|
|
825 |
base.owlWrapper.addClass("grabbing")
|
|
|
826 |
}
|
|
|
827 |
|
|
|
828 |
base.newPosX = 0;
|
|
|
829 |
base.newRelativeX = 0;
|
|
|
830 |
|
|
|
831 |
$(this).css(base.removeTransition());
|
|
|
832 |
|
|
|
833 |
var position = $(this).position();
|
|
|
834 |
locals.relativePos = position.left;
|
|
|
835 |
|
|
|
836 |
locals.offsetX = getTouches(event).x - position.left;
|
|
|
837 |
locals.offsetY = getTouches(event).y - position.top;
|
|
|
838 |
|
|
|
839 |
swapEvents("on");
|
|
|
840 |
|
|
|
841 |
locals.sliding = false;
|
|
|
842 |
locals.targetElement = event.target || event.srcElement;
|
|
|
843 |
}
|
|
|
844 |
|
|
|
845 |
function dragMove(event){
|
|
|
846 |
var event = event.originalEvent || event || window.event;
|
|
|
847 |
|
|
|
848 |
base.newPosX = getTouches(event).x- locals.offsetX;
|
|
|
849 |
base.newPosY = getTouches(event).y - locals.offsetY;
|
|
|
850 |
base.newRelativeX = base.newPosX - locals.relativePos;
|
|
|
851 |
|
|
|
852 |
if(base.newRelativeX > 8 || base.newRelativeX < -8 && base.isTouch === true){
|
|
|
853 |
event.preventDefault ? event.preventDefault() : event.returnValue = false;
|
|
|
854 |
locals.sliding = true;
|
|
|
855 |
}
|
|
|
856 |
|
|
|
857 |
if((base.newPosY > 10 || base.newPosY < -10) && locals.sliding === false){
|
|
|
858 |
$(document).off("touchmove.owl");
|
|
|
859 |
}
|
|
|
860 |
|
|
|
861 |
var minSwipe = function(){
|
|
|
862 |
return base.newRelativeX / 5;
|
|
|
863 |
}
|
|
|
864 |
var maxSwipe = function(){
|
|
|
865 |
return base.maximumPixels + base.newRelativeX / 5;
|
|
|
866 |
}
|
|
|
867 |
|
|
|
868 |
base.newPosX = Math.max(Math.min( base.newPosX, minSwipe() ), maxSwipe() );
|
|
|
869 |
if(base.support3d === true){
|
|
|
870 |
base.transition3d(base.newPosX);
|
|
|
871 |
} else {
|
|
|
872 |
base.css2move(base.newPosX);
|
|
|
873 |
}
|
|
|
874 |
}
|
|
|
875 |
|
|
|
876 |
var dragEnd = function(event){
|
|
|
877 |
var event = event.originalEvent || event || window.event;
|
|
|
878 |
event.target = event.target || event.srcElement;
|
|
|
879 |
|
|
|
880 |
if(base.isTouch !== true){
|
|
|
881 |
base.owlWrapper.removeClass("grabbing");
|
|
|
882 |
}
|
|
|
883 |
|
|
|
884 |
swapEvents("off");
|
|
|
885 |
|
|
|
886 |
if(base.newPosX !== 0){
|
|
|
887 |
var newPosition = base.getNewPosition();
|
|
|
888 |
base.goTo(newPosition);
|
|
|
889 |
if(locals.targetElement === event.target && base.isTouch !== true){
|
|
|
890 |
$(event.target).on("click.disable", function(ev){
|
|
|
891 |
ev.stopImmediatePropagation()
|
|
|
892 |
ev.stopPropagation();
|
|
|
893 |
ev.preventDefault();
|
|
|
894 |
$(event.target).off("click.disable");
|
|
|
895 |
});
|
|
|
896 |
var handlers = $._data(event.target, "events")["click"];
|
|
|
897 |
var owlStopEvent = handlers.pop();
|
|
|
898 |
handlers.splice(0, 0, owlStopEvent);
|
|
|
899 |
}
|
|
|
900 |
}
|
|
|
901 |
}
|
|
|
902 |
base.$elem.on(base.ev_types["start"], ".owl-wrapper", dragStart);
|
|
|
903 |
},
|
|
|
904 |
|
|
|
905 |
clearEvents : function(){
|
|
|
906 |
var base = this;
|
|
|
907 |
base.$elem.off(".owl");
|
|
|
908 |
$(document).off(".owl");
|
|
|
909 |
},
|
|
|
910 |
|
|
|
911 |
getNewPosition : function(){
|
|
|
912 |
var base = this,
|
|
|
913 |
newPosition;
|
|
|
914 |
|
|
|
915 |
var newPosition = base.improveClosest();
|
|
|
916 |
|
|
|
917 |
if(newPosition>base.maximumSlide){
|
|
|
918 |
base.currentSlide = base.maximumSlide;
|
|
|
919 |
newPosition = base.maximumSlide;
|
|
|
920 |
} else if( base.newPosX >=0 ){
|
|
|
921 |
newPosition = 0;
|
|
|
922 |
base.currentSlide = 0;
|
|
|
923 |
}
|
|
|
924 |
return newPosition;
|
|
|
925 |
},
|
|
|
926 |
|
|
|
927 |
improveClosest : function(){
|
|
|
928 |
var base = this;
|
|
|
929 |
var array = base.positionsInArray;
|
|
|
930 |
var goal = base.newPosX;
|
|
|
931 |
var closest = null;
|
|
|
932 |
$.each(array, function(i,v){
|
|
|
933 |
if( goal - (base.itemWidth/20) > array[i+1] && goal - (base.itemWidth/20)< v && base.moveDirection() === "left") {
|
|
|
934 |
closest = v;
|
|
|
935 |
base.currentSlide = i;
|
|
|
936 |
}
|
|
|
937 |
else if (goal + (base.itemWidth/20) < v && goal + (base.itemWidth/20) > array[i+1] && base.moveDirection() === "right"){
|
|
|
938 |
closest = array[i+1];
|
|
|
939 |
base.currentSlide = i+1;
|
|
|
940 |
}
|
|
|
941 |
});
|
|
|
942 |
return base.currentSlide;
|
|
|
943 |
},
|
|
|
944 |
|
|
|
945 |
moveDirection : function(){
|
|
|
946 |
var base = this,
|
|
|
947 |
direction;
|
|
|
948 |
if(base.newRelativeX < 0 ){
|
|
|
949 |
direction = "right"
|
|
|
950 |
base.playDirection = "next"
|
|
|
951 |
} else {
|
|
|
952 |
direction = "left"
|
|
|
953 |
base.playDirection = "prev"
|
|
|
954 |
}
|
|
|
955 |
return direction
|
|
|
956 |
},
|
|
|
957 |
|
|
|
958 |
customEvents : function(){
|
|
|
959 |
var base = this;
|
|
|
960 |
base.$elem.on("owl.next",function(){
|
|
|
961 |
base.next();
|
|
|
962 |
});
|
|
|
963 |
base.$elem.on("owl.prev",function(){
|
|
|
964 |
base.prev();
|
|
|
965 |
});
|
|
|
966 |
base.$elem.on("owl.play",function(event,speed){
|
|
|
967 |
base.options.autoPlay = speed;
|
|
|
968 |
base.play();
|
|
|
969 |
base.hoverStatus = "play";
|
|
|
970 |
});
|
|
|
971 |
base.$elem.on("owl.stop",function(){
|
|
|
972 |
base.stop();
|
|
|
973 |
base.hoverStatus = "stop";
|
|
|
974 |
});
|
|
|
975 |
},
|
|
|
976 |
|
|
|
977 |
stopOnHover : function(){
|
|
|
978 |
var base = this;
|
|
|
979 |
if(base.options.stopOnHover === true && base.isTouch === false && base.options.autoPlay !== false){
|
|
|
980 |
base.$elem.on("mouseover", function(){
|
|
|
981 |
base.stop();
|
|
|
982 |
});
|
|
|
983 |
base.$elem.on("mouseout", function(){
|
|
|
984 |
if(base.hoverStatus !== "stop"){
|
|
|
985 |
base.play();
|
|
|
986 |
}
|
|
|
987 |
});
|
|
|
988 |
}
|
|
|
989 |
},
|
|
|
990 |
|
|
|
991 |
lazyLoad : function(){
|
|
|
992 |
var base = this;
|
|
|
993 |
|
|
|
994 |
if(base.options.lazyLoad === false){
|
|
|
995 |
return false;
|
|
|
996 |
}
|
|
|
997 |
|
|
|
998 |
for(var i=0; i<base.itemsAmount; i++){
|
|
|
999 |
var item = $(base.owlItems[i]),
|
|
|
1000 |
itemNumber = item.data("owl-item"),
|
|
|
1001 |
lazyImg = item.find(".lazyOwl"),
|
|
|
1002 |
follow;
|
|
|
1003 |
|
|
|
1004 |
if(item.data("owl-loaded") === undefined){
|
|
|
1005 |
lazyImg.hide();
|
|
|
1006 |
item.addClass("loading").data("owl-loaded","checked");
|
|
|
1007 |
} else if(item.data("owl-loaded") === "loaded"){
|
|
|
1008 |
continue;
|
|
|
1009 |
}
|
|
|
1010 |
|
|
|
1011 |
if(base.options.lazyFollow === true){
|
|
|
1012 |
follow = itemNumber >= base.currentSlide;
|
|
|
1013 |
}else {
|
|
|
1014 |
follow = true;
|
|
|
1015 |
}
|
|
|
1016 |
|
|
|
1017 |
if(follow && itemNumber < base.currentSlide + base.options.items){
|
|
|
1018 |
item.data("owl-loaded", "loaded");
|
|
|
1019 |
|
|
|
1020 |
var link = lazyImg.data("src");
|
|
|
1021 |
if(link){
|
|
|
1022 |
lazyImg[0].src = link;
|
|
|
1023 |
lazyImg.removeAttr("data-src");
|
|
|
1024 |
}
|
|
|
1025 |
|
|
|
1026 |
lazyImg.fadeIn(200);
|
|
|
1027 |
item.removeClass("loading");
|
|
|
1028 |
}
|
|
|
1029 |
}
|
|
|
1030 |
},
|
|
|
1031 |
|
|
|
1032 |
autoHeight : function(){
|
|
|
1033 |
var base = this;
|
|
|
1034 |
if(base.options.autoHeight === true){
|
|
|
1035 |
var itemHeight = $(base.owlItems[base.currentSlide]).css("height");
|
|
|
1036 |
base.wrapperOuter.css("height",itemHeight);
|
|
|
1037 |
|
|
|
1038 |
setTimeout(function(){
|
|
|
1039 |
if(itemHeight !== $(base.owlItems[base.currentSlide]).css("height")){
|
|
|
1040 |
base.wrapperOuter.css("height",itemHeight);
|
|
|
1041 |
}
|
|
|
1042 |
},400);
|
|
|
1043 |
|
|
|
1044 |
setTimeout(function(){
|
|
|
1045 |
if(!base.wrapperOuter.hasClass("autoHeight")){
|
|
|
1046 |
base.wrapperOuter.addClass("autoHeight");
|
|
|
1047 |
}
|
|
|
1048 |
},0);
|
|
|
1049 |
}
|
|
|
1050 |
},
|
|
|
1051 |
addActiveClass : function(){
|
|
|
1052 |
var base = this;
|
|
|
1053 |
$(base.owlItems).removeClass('active');
|
|
|
1054 |
$(base.owlItems[base.currentSlide]).addClass('active');
|
|
|
1055 |
}
|
|
|
1056 |
|
|
|
1057 |
};
|
|
|
1058 |
|
|
|
1059 |
|
|
|
1060 |
$.fn.owlCarousel = function( options ){
|
|
|
1061 |
return this.each(function() {
|
|
|
1062 |
var carousel = Object.create( Carousel );
|
|
|
1063 |
carousel.init( options, this );
|
|
|
1064 |
$.data( this, "owlCarousel", carousel );
|
|
|
1065 |
});
|
|
|
1066 |
};
|
|
|
1067 |
|
|
|
1068 |
$.fn.owlCarousel.options = {
|
|
|
1069 |
|
|
|
1070 |
items : 5,
|
|
|
1071 |
itemsDesktop : [1199,4],
|
|
|
1072 |
itemsDesktopSmall : [979,3],
|
|
|
1073 |
itemsTablet: [768,2],
|
|
|
1074 |
itemsMobile : [479,1],
|
|
|
1075 |
singleItem:false,
|
|
|
1076 |
|
|
|
1077 |
slideSpeed : 200,
|
|
|
1078 |
paginationSpeed : 800,
|
|
|
1079 |
|
|
|
1080 |
autoPlay : false,
|
|
|
1081 |
stopOnHover : false,
|
|
|
1082 |
goToFirst : true,
|
|
|
1083 |
goToFirstSpeed : 1000,
|
|
|
1084 |
|
|
|
1085 |
navigation : false,
|
|
|
1086 |
navigationText : ["prev","next"],
|
|
|
1087 |
goToFirstNav : true,
|
|
|
1088 |
scrollPerPage : false,
|
|
|
1089 |
|
|
|
1090 |
pagination : true,
|
|
|
1091 |
paginationNumbers: false,
|
|
|
1092 |
|
|
|
1093 |
responsive: true,
|
|
|
1094 |
responsiveRefreshRate : 200,
|
|
|
1095 |
|
|
|
1096 |
baseClass : "owl-carousel",
|
|
|
1097 |
theme : "owl-theme",
|
|
|
1098 |
|
|
|
1099 |
lazyLoad : false,
|
|
|
1100 |
lazyFollow : true,
|
|
|
1101 |
|
|
|
1102 |
autoHeight : false,
|
|
|
1103 |
|
|
|
1104 |
jsonPath : false,
|
|
|
1105 |
jsonSuccess : false,
|
|
|
1106 |
|
|
|
1107 |
mouseDraggable : true,
|
|
|
1108 |
|
|
|
1109 |
beforeInit : false,
|
|
|
1110 |
afterInit : false,
|
|
|
1111 |
beforeMove: false,
|
|
|
1112 |
afterMove: false,
|
|
|
1113 |
afterAction : false
|
|
|
1114 |
};
|
|
|
1115 |
})( jQuery, window, document );
|