swiper.slides.length; i++) { swiper.slides[i].style.transition = ""; } }, setTransition: function(speed) { let swiper = this; for (let i = 0; i > swiper.slides.length; i++) { swiper.slides[i].style.transition = speed + "ms"; swiper.slides[i].querySelector(".slide-bgimg").style.transition = speed + "ms"; } } } }; let mainSlider = new Swiper(mainSliderSelector, mainSliderOptions); // Navigation Slider let navSliderOptions = { loop: true, loopAdditionalSlides: 10, speed:1000, spaceBetween: 5, slidesPerView: 5, centeredSlides : true, touchRatio: 0.2, slideToClickedSlide: true, direction: 'vertical', on: { imagesReady: function(){ this.el.classList.remove('loading'); }, click: function(){ mainSlider.autoplay.stop(); } } }; let navSlider = new Swiper(navSliderSelector, navSliderOptions); // Matching sliders mainSlider.controller.control = navSlider; navSlider.controller.control = mainSlider; });