Swiper('.gallery-top6', { 
                  
                  
                    spaceBetween: 10, 
                  
                  
                    navigation: { 
                  
                  
                      nextEl: ".swiperNext", 
                  
                  
                      prevEl: ".swiperPrev", 
                  
                  
                              }, 
                  
                  
                     loop: true, 
                  
                  
                    loopedSlides: 4, 
                  
                  
                    preloadImages: false, 
                  
                  
                    // Enable lazy loading 
                  
                  
                    lazy: true, 
                  
                  
                     
                  
                  
                  }); 
                  
                  
                  var galleryThumbs = new Swiper('.gallery-thumbs6', { 
                  
                  
                    spaceBetween: 10, 
                  
                  
                    centeredSlides: true, 
                  
                  
                    slidesPerView: 'auto', 
                  
                  
                    touchRatio: 0.2, 
                  
                  
                    slideToClickedSlide: true, 
                  
                  
                    loop: true, 
                  
                  
                    loopedSlides: 4, 
                  
                  
                    preloadImages: false, 
                  
                  
                    // Enable lazy loading 
                  
                  
                    lazy: true, 
                  
                  
                  }); 
                  
                  
                   
                  
                  
                  galleryTop.controller.control = galleryThumbs; 
                  
                  
                  galleryThumbs.controller.control = galleryTop; 
                  
                  
                   
                  
                  
                   
                  
                  
                   
                  
                  
                   
                  
                  
                  var galleryTop = new Swiper('.gallery-top5', { 
                  
                  
                    spaceBetween: 10, 
                  
                  
                    navigation: { 
                  
                  
                      nextEl: ".swiperNext", 
                  
                  
                      prevEl: ".swiperPrev", 
                  
                  
                              }, 
                  
                  
                     loop: true, 
                  
                  
                    loopedSlides: 4, 
                  
                  
                    preloadImages: false, 
                  
                  
                    // Enable lazy loading 
                  
                  
                    lazy: true, 
                  
                  
                     
                  
                  
                  }); 
                  
                  
                  var galleryThumbs = new Swiper('.gallery-thumbs5', { 
                  
                  
                    spaceBetween: 10, 
                  
                  
                    centeredSlides: true, 
                  
                  
                    slidesPerView: 'auto', 
                  
                  
                    touchRatio: 0.2, 
                  
                  
                    slideToClickedSlide: true, 
                  
                  
                    loop: true, 
                  
                  
                    loopedSlides: 4, 
                  
                  
                    preloadImages: false, 
                  
                  
                    // Enable lazy loading 
                  
                  
                    lazy: true, 
                  
                  
                  }); 
                  
                  
                   
                  
                  
                  galleryTop.controller.control = galleryThumbs; 
                  
                  
                  galleryThumbs.controller.control = galleryTop;
                  
                  
                  
                  
                  
                  меняется только цифра в '.gallery-thumbs '5' ' и в .gallery-top '5'
                  
                  
                  Мне просто кажется, что это могло бы ускорить загрузку страницы, или бы это не повлияло? Уже 6 таких в одном файле
                  
                  
                
Ну если они идентичны, то просто в цикл и вместо 5 - i + 1. for(…) { new Swiper(‘swiper${i +1}’) { …твой код } }
for(let num_swiper = 1; num_swiper<6; num_swiper++) { var galleryTop = new Swiper(".gallery-top'num_swiper'", { А как переменную в имя вставить? Разве это заработает?
Обсуждают сегодня