<style> .swiper-slide { width:15%; } .swiper-slide-active { width: 40%; } </style> var swiper = new Swiper(".swiperEvent", { // slidesPerView: "auto", slidesPerView: 3, loop: 3, centeredSlides: true, spaceBetween: 115, initialSlide: 1, pagination: { el: ".swiper-pagination", clickable: true, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, }); }Puede utilizar el método de zoom. Asegúrese de que sus diapositivas tengan un contenedor de zoom y llame al método en la transición.
var swiper = new Swiper(".swiperEvent", { // slidesPerView: "auto", slidesPerView: 3, loop: 3, centeredSlides: true, spaceBetween: 115, initialSlide: 1, pagination: { el: ".swiper-pagination", clickable: true, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, zoom: { maxRatio: 2, minRatio: 1 }, }); } swiper.zoom.in(); swiper.on("slideChangeTransitionStart", function() { swiper.zoom.out() }); swiper.on("slideChangeTransitionEnd", function() { swiper.zoom.in() });