Homepage 5

jQuery(document).ready(function ($) { $('body').imagesLoaded({}, function () { let swiper_images = new Swiper('#image-slider-5e5bdc8 .image-slider', { effect: 'fade', loop: true, speed: 350, allowTouchMove: false, }); let swiper_cards = new Swiper('#image-slider-5e5bdc8 .cards-slider', { effect: 'slide', grabCursor: true, loop: true, speed: 350, spaceBetween: 15, slidesPerView: 4, breakpoints: { 0: { slidesPerView: 1, }, 425: { slidesPerView: 2, }, 1140: { slidesPerView: 3, }, 1441: { slidesPerView: 4, }, }, autoplay: { delay:5000, disableOnInteraction: false }, pagination: { el: '#image-slider-5e5bdc8 .jkd-pag', type: 'fraction', renderFraction: function (currentClass, totalClass) { return '/'; } }, navigation: { nextEl: '#image-slider-5e5bdc8 .jkd-btn-next', prevEl: '#image-slider-5e5bdc8 .jkd-btn-prev', }, }); swiper_cards.on('transitionStart', () => { let index = swiper_cards.realIndex + 1; swiper_images.slideTo(index); }); }); });