Comment obtenir l'index actuel avec JCaRousel Lite?

Question

J'utilise JCaRousel Lite et je dois obtenir l'index actuel (quel élément est affiché car je n'affiche qu'un seul élément à la fois) afin que je puisse ajouter une classe "actuelle" au lien de navigation.

Quelqu'un sait-il comment je peux accomplir cela?

http://www.gmarwaha.com/jquery/jcarellite

Answer 1

Du Documentation au lien que vous avez publié:

après Fonction de rappel qui doit être invoquée après la fin de l'animation. Les éléments représentant les éléments visibles après les fins d'animation sont passés comme argument.

Alors, créez une fonction qui définit votre classe "actuelle" et passez-la comme le afterEnd Option Lorsque vous créez le carrousel.

Answer 2

Téléchargez d'abord le version non compressée de JcaRousel lite et ouvrez-le. Accédez à la ligne 288 *, ou n'importe où en dessous du O.BeForeStart.Call (), et ajoutez ce qui suit:

li.removeClass("current");

Ensuite, allez à la ligne 313 *, n'importe où en dessous du Ul.animate ();, ou même dans le rappel Animate () et ajoutez ce qui suit:

li.eq(curr).addClass("current");

C'est tout pour les modifications de JcaRousel Lite. Enregistrez le fichier / téléchargez les modifications.

Enfin, vous voudrez définir la classe actuelle une fois que la page se charge. Pour cette utilisation:

$(".jCarouselLite li").eq(0).addClass("current");

or

$(".jCarouselLite li:first").addClass("current");

* Remarque aux futurs lecteurs: ce changement concerne V1.0.1. Le numéro de ligne réel peut varier.