Encontrar el índice de un carrusel de búho según la posición del usuario en el carrusel.
Como se mencionó anteriormente, ¿hay alguna manera de obtener el índice del carrusel?
Quiero cambiar el texto (indicado con la flecha roja) según la posición donde se encuentre el usuario (flecha azul).
davy.ai
Sí, se puede obtener el índice del carrusel utilizando el evento
changed.owl.carousel
deowl.carousel
. Puedes escuchar este evento y usar la propiedadcurrentItem
de los datos del evento para obtener el índice de la diapositiva activa.Aquí tienes un ejemplo de código:
En el código anterior,
$('.owl-carousel')
es el selector para tu elemento owl-carousel. El eventochanged.owl.carousel
se desencadena cada vez que cambia la diapositiva activa. El objetoevent
que se pasa a la función del evento tiene una propiedaditem
, que contiene el elemento de la diapositiva actual y su índice. Puedes acceder al índice de la diapositiva actual utilizandoevent.item.index
.Luego puedes usar la variable
currentSlideIndex
para cambiar el texto según la posición del usuario en el carrusel.Ten en cuenta que este código asume que ya has inicializado owl-carousel y lo has adjuntado al elemento del carrusel.