Pregunta

Estoy usando el plugin de JCarousellite para mi sitio.Funciona muy bien.Quería agregar algunas balas también en la parte inferior de las imágenes (no solo flechas) como controles externos.Así que haciendo clic en las segundas balas, irá a la segunda imagen.Esto funciona también está bien utilizando el BTNGO que proporciona el complemento.

Lo que también quiero hacer es cambiar la bala, luciendo tan activa basada en qué imagen veo cada vez.Entonces, cuando hago clic en la siguiente flecha y veo la segunda imagen que quiero inmediatamente la segunda bala para estar activa.Por hacer esto quiero saber el número de la imagen que veo.

Sé que a través de la función de devolución de devoluciones de posterior. Obtenga el objeto que está activo después de la animación.¿Hay alguna manera de obtener el número de este objeto?Por ejemplo, si el objeto es la segunda imagen, para obtener solo el número 2.

¿Alguien sabe algo al respecto?

gracias de antemano

¿Fue útil?

Solución

comentario # 315 en Jcarousel Lite # Todos los comentarios me dieron esta respuesta (que acabo de usar):

Básicamente está usando reemplazos de cadena para obtener el número de cuales el control está "activo" en función de la cual se trata de la imagen con nombre de manera similar para mostrar.


Suponiendo que tiene controles externos con IDS: "# PI1", "# PI2", "# PI3", "# PI4", "# PI5", "# PI6"

y las imágenes con IDS de: "# Im1", "# im2", "# im3", "# im4", "# im5", "# im6"

Antes de comenzar la función Jcarousel Lite, cuente el número de LI:

var LiCount = $("#projectimage").find("ul").children("li").size();

Agregar la función de inicio antes de inicio:

beforeStart: function(a) {
 var imID = $(a).attr("id").replace('im','';
 var NimID = parseInt(imID);
 NimID++;
 if(NimID > LiCount) NimID = 1;
 $('#pi'+imID).removeClass('activelistlink');
 $('#pi'+NimID).addClass('activelistlink');
}

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top