2010-02-15 7 views
1

Hay Guys, J'utilise le plugin Cycle pour une galerie. Le plug-in a une fonction qui peut être exécutée après une image a été expositionJquery Cycle suivant: aide de la fonction

prevNextClick: function(isNext, zeroBasedSlideIndex, slideElement){ 
    SlideIndex = zeroBasedSlideIndex + 1; 
    $(".count .c").empty().append(SlideIndex); 
}, 
after: function(currSlideElement, nextSlideElement, options, forwardFlag){ 
    console.log(currSlideElement); 
} 

La fonction prevNextClick a une zeroBasedSlideIndex variable pour déterminer quelle image est affichée, la howver ne marche pas à côté de la fonction. Je veux obtenir l'index de l'élément pour que je puisse l'afficher dans mon HTML.

Des idées?

Répondre

1

Vous pouvez utiliser options.nextSlide:

after: function(currSlideElement, nextSlideElement, options, forwardFlag){ 
    $(".count .c").empty().append(options.nextSlide); 
} 
+0

THanks, fonctionne un régal! – dotty

0

Vous pouvez toujours obtenir l'index d'un élément en utilisant le « .index() » fonction jQuery. Donc, dans ce cas, vous pouvez obtenir l'indice actuel en faisant ceci:

$(currSlideElement).index(); 

Ou procurez-vous l'indice de l'élément suivant en faisant ceci:

$(nextSlideElement).index(); 

Ce serait bien si l'indice était repassé dans le cadre des "options" pour éviter les traversées DOM excessives, mais c'est une note pour le développeur.

MISE À JOUR: moi-même correction que je suis codage pendant que je suis en train de lire ceci et découvert le bon « options » existe:

options.currSlide; 
options.nextSlide; 
options.slideCount; 

Découvert quand je considérais la source de cette démo de comptage: http://jquery.malsup.com/cycle/count.html

Mais cela dit, il semble que l'utilisation de l'une ou l'autre option n'est pas interchangeable. Pour le code sur lequel je travaille actuellement, l'utilisation de "$ (currSlideElement) .index()" et "$ (nextSlideElement) .index()" répond plus à mes besoins dans le rappel "before". Ne fonctionne pas comme prévu dans le contexte "options.currSlide" et "options.nextSlide". Expérimenterait en fonction du contexte et du besoin.