Ride Card Slider Partial
Arguments:
- uid: Unique UID for this slider
- cards: Collection of ride cards
- itemsMobile: Number of items to show on mobile
- itemsTablet: Number of items to show on tablet
- itemsDesktop: Number of items to show on desktop
- showDotsMobile: Show navigation dots on mobile
- showDotsTablet: Show navigation dots on tablet
- showDotsDesktop: Show navigation dots on desktop
(function () {
let sliderInitialized = false;
let sliderId = 'ride-slider-{uid}';
let itemsMobile = {itemsMobile} || 1;
let itemsTablet = {itemsTablet} || 2;
let itemsDesktop = {itemsDesktop} || 3;
let showDotsMobile = {showDotsMobile} ? true : false;
let showDotsTablet = {showDotsTablet} ? true : false;
let showDotsDesktop = {showDotsDesktop} ? true : false;
function initSlider() {
if (!sliderInitialized && $('#' + sliderId).length) {
$('#' + sliderId).owlCarousel({
loop: true,
margin: 20,
nav: true,
dots: true,
autoplay: false,
navText: ['‹', '›'],
responsive: {
0: {
items: itemsMobile,
dots: showDotsMobile,
nav: false
},
768: {
items: itemsTablet,
dots: showDotsTablet
},
1024: {
items: itemsDesktop,
dots: showDotsDesktop
}
}
});
sliderInitialized = true;
}
}
document.addEventListener('DOMContentLoaded', function () {
initSlider();
});
})();