laravelEcomm/public/Dashboard/js/owl-carousel.js

134 lines
2.3 KiB
JavaScript
Raw Normal View History

2024-07-12 07:06:02 +00:00
(function($) {
'use strict';
$.fn.andSelf = function() {
return this.addBack.apply(this, arguments);
}
if ($('.example-1').length) {
$('.example-1').owlCarousel({
loop: true,
margin: 10,
nav: true,
autoplay: true,
autoplayTimeout: 4500,
responsive: {
0: {
items: 1
},
600: {
items: 3
},
1000: {
items: 5
}
}
});
}
if ($('.full-width').length) {
$('.full-width').owlCarousel({
loop: true,
margin: 10,
items: 1,
nav: true,
autoplay: true,
autoplayTimeout: 5500,
navText: ["<i class='ti-angle-left'></i>", "<i class='ti-angle-right'></i>"]
});
}
if ($('.loop').length) {
$('.loop').owlCarousel({
center: true,
items: 2,
loop: true,
margin: 10,
autoplay: true,
autoplayTimeout: 8500,
responsive: {
600: {
items: 4
}
}
});
}
if ($('.nonloop').length) {
$('.nonloop').owlCarousel({
items: 5,
loop: false,
margin: 10,
autoplay: true,
autoplayTimeout: 6000,
responsive: {
600: {
items: 4
}
}
});
}
if ($('.auto-width').length) {
$('.auto-width').owlCarousel({
items: 2,
margin: 10,
loop: true,
autoplay: true,
autoplayTimeout: 3500,
autoWidth: true,
});
}
if ($('.lazy-load').length) {
$('.lazy-load').owlCarousel({
items: 4,
lazyLoad: true,
loop: true,
margin: 10,
auto: true,
autoplay: true,
autoplayTimeout: 2500,
});
}
if ($('.rtl-carousel').length) {
$('.rtl-carousel').owlCarousel({
rtl: true,
loop: true,
margin: 10,
autoplay: true,
autoplayTimeout: 3000,
responsive: {
0: {
items: 1
},
600: {
items: 3
},
1000: {
items: 5
}
}
});
}
if ($('.video-carousel').length) {
$('.video-carousel').owlCarousel({
loop: false,
margin: 10,
video: true,
lazyLoad: true,
autoplay: true,
autoplayTimeout: 7000,
responsive: {
480: {
items: 4
},
600: {
items: 4
}
}
});
}
})(jQuery);