El efecto de desvanecimiento funciona correctamente cuando hace clic en los puntos o flechas. Pero cuando deslizas o arrastras, se desliza. ¿Cómo puedo hacer un efecto de desvanecimiento para arrastrar también?
Puede ver un ejemplo en la demostración de Owl Carousel: https://owlcarousel2.github.io/OwlCarousel2/demos/animate.html : cuando hace clic en los puntos, se desvanece, pero cuando arrastra, se desliza.
Solo por css, por ejemplo:
.owl-item { opacity: 0.4; transition: all 0.4s; -webkit-transition: all 0.4s; } .owl-item.active { opacity: 1; }Pero visualmente, ocurrirá deslizar/deslizar, pero la nueva diapositiva aparecerá con el efecto. También puede deshabilitar las opciones de arrastrar por:
mouseDrag: false, touchDrag: false,