Saltar al contenido

¿Cómo detectar la diapositiva actual en swiper js?

Solución:

es muy fácil. solo usa esto:

swiper.activeIndex

Por lo que puedo ver en sus demostraciones, la diapositiva actual siempre tiene la .swiper-slide-active class en el elemento de diapositiva actual.

Puede usar los selectores de jQuery para obtener propiedades de la diapositiva activa. Aquí hay un ejemplo de mí obteniendo su fuente de imagen:

$('.swiper-slide-active img').attr('src')

¡A partir de mayo de 2016 han agregado la propiedad realIndex!

swiper.realIndex

https://github.com/nolimits4web/Swiper/pull/1697

Aviso:

  • la propiedad se devuelve como una cadena
  • la propiedad comienza con 0, a diferencia de activeIndex en el modo de bucle que en mi caso comenzó con 1
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *