Question

J'utilise le plugin jcaroustellite pour mon site. Cela fonctionne très bien. Je voulais également ajouter des balles au bas des images (non seulement des flèches) sous forme de commandes externes. Ainsi, en cliquant sur les deuxième balles, il ira à la deuxième image. Cela fonctionne également bien en utilisant le BTNGO que le plugin fournit.

Ce que je veux aussi faire, c'est changer la balle, l'air comme actif en fonction de l'image que je vois à chaque fois. Donc, lorsque je clique sur la flèche suivante et que je vois la deuxième image, je veux immédiatement, la deuxième balle soit active. Pour ce faire, je veux connaître le nombre de l'image que je vois.

Je sais que via la fonction de rappel après la fin, j'obtiens l'objet actif après l'animation. Existe-t-il un moyen d'obtenir le numéro de cet objet? Par exemple, si l'objet est la deuxième image, pour obtenir uniquement le numéro 2.

Est-ce que quelqu'un en sait quelque chose?

Merci d'avance

Était-ce utile?

La solution

Commentaire # 315 sur JCRÉSEL LITE # ALL-COMMENTS m'a donné cette réponse (que je viens d'utiliser):

Il utilise essentiellement des remplacements de chaîne pour obtenir le nombre dont le contrôle est "actif" en fonction de laquelle l'image nommée de manière similaire est sur le point d'afficher.


En supposant que vous avez des commandes externes avec IDS: "# PI1", "# PI2", "# PI3", "# PI4", "# PI5", "# PI6"

Et les images avec des identifiants de: "# im1", "# im2", "# im3", "# im4", "# im5", "# im6"

Avant de commencer la fonction JCaRousel Lite, comptez le nombre de Li:

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

Ajoutez la fonction avant de démarrer:

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');
}
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top