280 lines
7.4 KiB
JavaScript
280 lines
7.4 KiB
JavaScript
var owl_carousel_custom = {
|
|
init: function () {
|
|
$('#owl-carousel-1').owlCarousel({
|
|
loop: true,
|
|
margin: 10,
|
|
nav: false,
|
|
responsive: {
|
|
0: {
|
|
items: 1
|
|
},
|
|
600: {
|
|
items: 3
|
|
},
|
|
1000: {
|
|
items: 5
|
|
}
|
|
}
|
|
}), $('#owl-carousel-2').owlCarousel({
|
|
loop: true,
|
|
margin: 10,
|
|
items: 5,
|
|
nav: false,
|
|
responsive: {
|
|
576: {
|
|
items: 1
|
|
},
|
|
768: {
|
|
items: 2
|
|
},
|
|
992: {
|
|
items: 3
|
|
}
|
|
}
|
|
}), $('#owl-carousel-3').owlCarousel({
|
|
center: true,
|
|
items: 5,
|
|
loop: true,
|
|
margin: 10,
|
|
nav: false,
|
|
responsive: {
|
|
576: {
|
|
items: 1
|
|
},
|
|
768: {
|
|
items: 2
|
|
},
|
|
992: {
|
|
items: 3
|
|
}
|
|
}
|
|
}), $('#owl-carousel-4').owlCarousel({
|
|
items: 5,
|
|
loop: true,
|
|
margin: 10,
|
|
merge: true,
|
|
nav: false,
|
|
responsive: {
|
|
576: {
|
|
items: 1,
|
|
mergeFit: true
|
|
},
|
|
768: {
|
|
items: 2,
|
|
mergeFit: true
|
|
},
|
|
992: {
|
|
items: 3,
|
|
mergeFit: true
|
|
|
|
}
|
|
}
|
|
}), $('#owl-carousel-5').owlCarousel({
|
|
margin: 10,
|
|
loop: true,
|
|
autoWidth: true,
|
|
items: 5,
|
|
nav: false
|
|
}),
|
|
$('#owl-carousel-6').owlCarousel({
|
|
items: 5,
|
|
loop: false,
|
|
center: true,
|
|
margin: 10,
|
|
URLhashListener: true,
|
|
autoplayHoverPause: true,
|
|
startPosition: 'URLHash',
|
|
nav: false,
|
|
responsive: {
|
|
576: {
|
|
items: 1,
|
|
mergeFit: true
|
|
},
|
|
768: {
|
|
items: 2,
|
|
mergeFit: true
|
|
},
|
|
992: {
|
|
items: 3,
|
|
mergeFit: true
|
|
|
|
}
|
|
}
|
|
|
|
}),
|
|
$('#owl-carousel-7').owlCarousel({
|
|
stagePadding: 50,
|
|
loop: true,
|
|
margin: 10,
|
|
nav: false,
|
|
responsive: {
|
|
576: {
|
|
items: 1,
|
|
mergeFit: true
|
|
},
|
|
768: {
|
|
items: 2,
|
|
mergeFit: true
|
|
},
|
|
992: {
|
|
items: 3,
|
|
mergeFit: true
|
|
|
|
}
|
|
}
|
|
}),
|
|
$('#owl-carousel-8').owlCarousel({
|
|
stagePadding: 50,
|
|
loop: true,
|
|
margin: 10,
|
|
nav: false,
|
|
responsive: {
|
|
576: {
|
|
items: 1,
|
|
mergeFit: true
|
|
},
|
|
768: {
|
|
items: 2,
|
|
mergeFit: true
|
|
},
|
|
992: {
|
|
items: 3,
|
|
mergeFit: true
|
|
|
|
}
|
|
}
|
|
}), $('#owl-carousel-9').owlCarousel({
|
|
rtl: true,
|
|
loop: true,
|
|
margin: 10,
|
|
nav: false,
|
|
responsive: {
|
|
576: {
|
|
items: 1,
|
|
mergeFit: true
|
|
},
|
|
768: {
|
|
items: 2,
|
|
mergeFit: true
|
|
},
|
|
992: {
|
|
items: 3,
|
|
mergeFit: true
|
|
|
|
}
|
|
}
|
|
}), $('#owl-carousel-10').owlCarousel({
|
|
items: 5,
|
|
lazyLoad: true,
|
|
loop: true,
|
|
margin: 5,
|
|
nav: false,
|
|
responsive: {
|
|
576: {
|
|
items: 1,
|
|
mergeFit: true
|
|
},
|
|
768: {
|
|
items: 2,
|
|
mergeFit: true
|
|
},
|
|
992: {
|
|
items: 3,
|
|
mergeFit: true
|
|
|
|
}
|
|
}
|
|
}), $('#owl-carousel-12').owlCarousel({
|
|
animateOut: 'slideOutDown',
|
|
animateIn: 'flipInX',
|
|
items: 5,
|
|
margin: 30,
|
|
stagePadding: 30,
|
|
smartSpeed: 450,
|
|
nav: false,
|
|
responsive: {
|
|
576: {
|
|
items: 1,
|
|
mergeFit: true
|
|
},
|
|
768: {
|
|
items: 2,
|
|
mergeFit: true
|
|
},
|
|
992: {
|
|
items: 3,
|
|
mergeFit: true
|
|
|
|
}
|
|
}
|
|
});
|
|
var owl = $('#owl-carousel-13');
|
|
owl.owlCarousel({
|
|
items: 5,
|
|
loop: true,
|
|
margin: 10,
|
|
autoplay: true,
|
|
autoplayTimeout: 1000,
|
|
autoplayHoverPause: true,
|
|
nav: false,
|
|
responsive: {
|
|
576: {
|
|
items: 1,
|
|
mergeFit: true
|
|
},
|
|
768: {
|
|
items: 2,
|
|
mergeFit: true
|
|
},
|
|
992: {
|
|
items: 3,
|
|
mergeFit: true
|
|
|
|
}
|
|
}
|
|
}),
|
|
$('.play').on('click', function () {
|
|
owl.trigger('play.owl.autoplay', [1000])
|
|
}), $('.stop').on('click', function () {
|
|
owl.trigger('stop.owl.autoplay')
|
|
}), $('#owl-carousel-14').owlCarousel({
|
|
items: 1,
|
|
margin: 10,
|
|
autoHeight: true,
|
|
nav: false
|
|
});
|
|
var owl = $('#owl-carousel-15');
|
|
owl.owlCarousel({
|
|
loop: true,
|
|
nav: false,
|
|
margin: 10,
|
|
responsive: {
|
|
0: {
|
|
items: 1
|
|
},
|
|
600: {
|
|
items: 3
|
|
},
|
|
960: {
|
|
items: 5
|
|
},
|
|
1200: {
|
|
items: 5
|
|
}
|
|
}
|
|
}), owl.on('mousewheel', '.owl-stage', function (e) {
|
|
if (e.deltaY > 0) {
|
|
owl.trigger('next.owl');
|
|
} else {
|
|
owl.trigger('prev.owl');
|
|
}
|
|
e.preventDefault();
|
|
});
|
|
}
|
|
};
|
|
|
|
(function ($) {
|
|
"use strict";
|
|
owl_carousel_custom.init();
|
|
})(jQuery);
|