Estoy usando la biblioteca swiper.js y quiero cambiar el comportamiento en un control deslizante. El efecto predeterminado es "deslizar", lo que significa que una imagen se desliza de derecha a izquierda. Sin embargo, me gustaría deshabilitar este comportamiento en una función de devolución de llamada que escribí después de la inicialización de mi control deslizante. ¿Hay alguna forma en que pueda abordar esto para que la diapositiva inactiva se desvanezca y la diapositiva activa entre?
let swiper = new Swiper(element, settings); swiper.on('slideChangeTransitionStart', () => { $('.swiper-slide').each(function () { if ($(this).index() === swiper.activeIndex) { // Slide in active slide, enable slide behaviour console.log('slide in'); } else { // Fadeout inactive slide, enable fade effect console.log('fade out'); } }); })