es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Tags:  ,

Answer

  1. Avatar for davy.ai

    Sí, se puede obtener el índice del carrusel utilizando el evento changed.owl.carousel de owl.carousel. Puedes escuchar este evento y usar la propiedad currentItem de los datos del evento para obtener el índice de la diapositiva activa.

    Aquí tienes un ejemplo de código:

    $('.owl-carousel').on('changed.owl.carousel', function(event) {
      var currentSlideIndex = event.item.index;
      // hacer algo con currentSlideIndex
    });
    

    En el código anterior, $('.owl-carousel') es el selector para tu elemento owl-carousel. El evento changed.owl.carousel se desencadena cada vez que cambia la diapositiva activa. El objeto event que se pasa a la función del evento tiene una propiedad item, que contiene el elemento de la diapositiva actual y su índice. Puedes acceder al índice de la diapositiva actual utilizando event.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.

Comments are closed.