1function sliders (elems, slides) { 2 if (document.querySelector(elems)) { 3 const sliders = document.querySelectorAll(elems); 4 5 sliders.forEach((item, i) => { 6 // create and add new class to slider wrap 7 let newClass = `${elems}--${i + 1}`; 8 item.classList.add(newClass.slice(1)); 9 // init 10 new Swiper(`${newClass} .swiper-container`, { 11 slidesPerView: slides, 12 spaceBetween: 30, 13 watchSlidesProgress: true, 14 watchSlidesVisibility: true, 15 lazy: { 16 loadPrevNext: true, 17 }, 18 autoplay: { 19 delay: 7000 20 }, 21 speed: 300, 22 loop: true, 23 autoHeight: false, 24 simulateTouch: true, 25 grabCursor: true, 26 navigation: { 27 nextEl: `${newClass} .swiper-button-next`, 28 prevEl: `${newClass} .swiper-button-prev`, 29 }, 30 pagination: { 31 el: `${newClass} .swiper-pagination`, 32 clickable: true 33 }, 34 breakpoints: { 35 0: { 36 slidesPerView: 1 37 }, 38 767: { 39 slidesPerView: (slides >= 2) ? 2 : 1 40 }, 41 991: { 42 slidesPerView: slides 43 } 44 } 45 }); 46 }); 47 } 48}
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.