Как показывать определённое количество слайдов в swiper.js?

Question

[DanilaKrupin-Web-DEV]

Мне нужно вывести 3 слайда, даже если их больше, для этого написал slidesPerView: "3", но он выводит половинки слайдов, которые вообще не должны показываться:

let swiper = new Swiper(".mySwiper", {
  effect: "coverflow",
  spaceBetween: 64,
  grabCursor: true,
  centeredSlides: true,
  slidesPerView: "3",
  
  coverflowEffect: {
    rotate: 0,
    stretch: 0,
    depth: 100,
    modifier: 2,
    slideShadows: true,
  },
  loop: true,
});

Answer 1

[DanilaKrupin-Web-DEV]

Я нашёл один способ как скрыть эти половинки, нужно всем слайдам задать opacity: 0, и z-index: -1 чтобы они стали прозрачными и не активными, а слайдам по середине, слева и справа(.swiper-slide-active, .swiper-slide-prev, .swiper-slide-next) задать opacity: 1; display: block; z-index: 1;