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'", { А как переменную в имя вставить? Разве это заработает?
Обсуждают сегодня