Dienstag

27. Oktober

// Initialize Carousel jQuery(function ($) { if ((jQuery(window).width() < 0)|| (jQuery(window).width() <= 480)|| (jQuery(window).width() >= 480 && jQuery(window).width() <= 980)|| (jQuery(window).width() >= 980)) { // Define media queries for different device sizes const columnClass = ".pac_dcm_column_1"; column = $(columnClass); column.navigationImages = []; slickSettings = { fade: false, centerMode: true, infinite: true, slidesToShow: 1, variableWidth: true, slidesToScroll: 1, autoplay: true, autoplaySpeed: 3000, arrows: false, dots: true, rtl: false, speed: 500, pauseOnHover: false, useCSS: true, useTransform: true, cssEase: 'ease', waitForAnimate: true, swipe: true, touch: true, swipeToSlide: true, rows: 1, touchThreshold: 500, initialSlide: 0, adaptiveHeight: false, responsive: [ { breakpoint: 980, settings: { fade: false, centerMode: true, variableWidth: true, infinite: true, slidesToShow: 1, slidesToScroll: 1, autoplay: true, autoplaySpeed: 3000, arrows: false, dots: true, pauseOnHover: false, swipe: true, touch: true, swipeToSlide: true, rows: 1, touchThreshold: 500, initialSlide: 0, adaptiveHeight: false } }, { breakpoint: 767, settings: { fade: false, centerMode: true, infinite: true, variableWidth: true, slidesToShow: 1, slidesToScroll: 1, autoplay: true, autoplaySpeed: 3000, arrows: false, dots: true, pauseOnHover: false, swipe: true, touch: true, swipeToSlide: true, rows: 1, touchThreshold: 500, initialSlide: 0, adaptiveHeight: false } } ] }; //====================================================================== // Carousel Navigation Images //====================================================================== column.navigationImages = jQuery(columnClass).data("slick-navigation-images"); if ('undefined' === typeof column.navigationImages) { column.navigationImages = []; } // Total Items Per Row const numberOfItemsPerRow = parseInt('1'); //====================================================================== // Slick On Init //====================================================================== column.on('init', function (event, slick, currentSlide, nextSlide) { let overlayLoading = column.prev('.loading__overlay'); if (overlayLoading.length > 0) { overlayLoading.fadeOut('slow'); column.fadeIn('slow'); } window.carouselCurrentSlide = slick.currentSlide; window.carouselTotalSlides = slick.slideCount; $(columnClass + ' .slick-current').addClass('active'); $(columnClass + ' .slick-current').next('.slick-slide').addClass('nextSlide'); $(columnClass + ' .slick-current').prev('.slick-slide').addClass('previousSlide'); if (numberOfItemsPerRow === 3) { $(columnClass + ' .slick-slide.nextSlide').next('.slick-slide').addClass('preNextSlide'); $(columnClass + ' .slick-slide.previousSlide').prev('.slick-slide').addClass("prePreviousSlide"); } else if (5 === numberOfItemsPerRow) { $(columnClass + ' .slick-current').next('.slick-slide').next('.slick-slide').addClass('nextSlide'); $(columnClass + ' .slick-current').prev('.slick-slide').prev('.slick-slide').addClass('previousSlide'); } else if (7 === numberOfItemsPerRow) { $(columnClass + ' .slick-current').next('.slick-slide').next('.slick-slide').next('.slick-slide').addClass('nextSlide'); $(columnClass + ' .slick-current').prev('.slick-slide').prev('.slick-slide').prev('.slick-slide').addClass('previousSlide'); } else if (9 === numberOfItemsPerRow) { $(columnClass + ' .slick-current').next('.slick-slide').next('.slick-slide').next('.slick-slide').addClass('nextSlide'); $(columnClass + ' .slick-current').prev('.slick-slide').prev('.slick-slide').prev('.slick-slide').addClass('previousSlide'); } else if (11 === numberOfItemsPerRow) { $(columnClass + ' .slick-current').next('.slick-slide').next('.slick-slide').next('.slick-slide').addClass('nextSlide'); $(columnClass + ' .slick-current').prev('.slick-slide').prev('.slick-slide').prev('.slick-slide').addClass('previousSlide'); } }); //====================================================================== // Initliaze Slick //====================================================================== column.slick(slickSettings); //====================================================================== // Slick Slider Counter //====================================================================== //====================================================================== // Slick Before Change //====================================================================== column.on('beforeChange', function (event, {slideCount: count}, currentSlide, nextSlide) { let dataSlideIndex = [nextSlide, nextSlide - count, nextSlide + count].map((n) => columnClass + ` [data-slick-index="${n}"]`).join(", "); $(columnClass + ' .slick-slide') .removeClass('active') .removeClass('nextSlide') .removeClass('preNextSlide') .removeClass('previousSlide') .removeClass('prePreviousSlide'); $(dataSlideIndex).addClass('active'); $(columnClass + ' .slick-slide.active').next('.slick-slide').addClass('nextSlide'); $(columnClass + ' .slick-slide.active').prev('.slick-slide').addClass('previousSlide'); if (numberOfItemsPerRow === 3) { $(columnClass + ' .slick-slide.nextSlide').next('.slick-slide').addClass('preNextSlide'); $(columnClass + ' .slick-slide.previousSlide').prev('.slick-slide').addClass('prePreviousSlide'); } else if (5 === numberOfItemsPerRow) { $(columnClass + ' .slick-slide.active').next('.slick-slide').next('.slick-slide').addClass('nextSlide'); $(columnClass + ' .slick-slide.active').prev('.slick-slide').prev('.slick-slide').addClass('previousSlide'); } else if (7 === numberOfItemsPerRow) { $(columnClass + ' .slick-slide.active').next('.slick-slide').next('.slick-slide').next('.slick-slide').addClass('nextSlide'); $(columnClass + ' .slick-slide.active').prev('.slick-slide').prev('.slick-slide').prev('.slick-slide').addClass('previousSlide'); } else if (9 === numberOfItemsPerRow) { $(columnClass + ' .slick-slide.active').next('.slick-slide').next('.slick-slide').next('.slick-slide').addClass('nextSlide'); $(columnClass + ' .slick-slide.active').prev('.slick-slide').prev('.slick-slide').prev('.slick-slide').addClass('previousSlide'); } else if (11 === numberOfItemsPerRow) { $(columnClass + ' .slick-slide.active').next('.slick-slide').next('.slick-slide').next('.slick-slide').addClass('nextSlide'); $(columnClass + ' .slick-slide.active').prev('.slick-slide').prev('.slick-slide').prev('.slick-slide').addClass('previousSlide'); } }); //====================================================================== // Slick After Change //====================================================================== column.on('afterChange', function (event, slick, currentSlide) { }); //====================================================================== // Keyboard Navigation //====================================================================== //====================================================================== // RecalculateWidth: //====================================================================== // If continueous scroll is on, ovveride autoplay settings jQuery(document).ready(function () { /** * Fixed Transition */ jQuery(".pac_dcm_column_1 .slick-slide").css({ 'transition': "all 500ms ease-in-out", 'animation-duration': "500ms", 'animation-iteration-count': "1" }) /** * Fixed Smooth Cont. Scroll */ ; jQuery(".pac_dcm_column_1 .slick-track").css({'transform': 'none'}); /** * Fixed Last To First Slide Bumping * * @since 1.3 * */ column.on('beforeChange', function (event, slick, currentSlide, nextSlide) { if (0 === nextSlide) { let slideClasses = 'slick-current slick-active' + (slickSettings.centerMode ? ' slick-center' : ''); setTimeout(function () { $('[data-slick-index="' + slick.$slides.length + '"]').addClass(slideClasses).siblings().removeClass(slideClasses); for (let i = slick.options.slidesToShow - 1; i >= 0; i--) { if (i !== 0) { $('[data-slick-index="' + i + '"]').addClass('slick-current slick-active'); } else { $('[data-slick-index="' + i + '"]').addClass(slideClasses); } } }, 0); } }); }); } /** * Closes open toggle items in a slick slider column before slide change on phones with limited items. */ const itemsOnPhone = 1; if (column.find('.et_pb_toggle_item').length > 0) { // BeforeChange column.on('beforeChange', function (event, slick, currentSlide, nextSlide) { slick.$slides.each(function (index, slide) { if ($(slide).find('.et_pb_toggle_item').hasClass('et_pb_toggle_open')) { $(slide).find('.et_pb_toggle_item.et_pb_toggle_open').removeClass('et_pb_toggle_open').addClass('et_pb_toggle_close'); $(slide).find('.et_pb_toggle_content').hide(); } }); // Prevent Slider To Move $('.slick-slide').find('.et_pb_toggle_item').on('click', function (e) { if ($(slide).find('.et_pb_toggle_item').hasClass('et_pb_toggle_open')) { $(slide).find('.et_pb_toggle_item.et_pb_toggle_open').removeClass('et_pb_toggle_open').addClass('et_pb_toggle_close'); $(slide).find('.et_pb_toggle_content').hide(); } column.slick('slickGoTo', $('.slick-slide.active.slick-current.slick-active').data('slick-index')) }); }); } });