Cycle jQuery: rappel personnalisé?

Question

Cet extrait exécute mon diaporama, qui consiste en une série d'images. En haut du diaporama, j'ai "image x of y". Est-il possible d'ajouter un callback lié à chacun des boutons prev et next? Un rappel ajouterait 1 au x et l'autre soustrait.

Il s'agit donc d'une forme de pagination pour laquelle je n'ai pas trouvé de solution prête à l'emploi avec le plugin de cycle.

Je pourrais évidemment attacher mes propres fonctions à #prev et #next mais le compte serait encore incrémenté même si aucune autre image n'est montrée. Je dois être en mesure de détecter si les images sont «glissées» pour être vues.

$('#prod_list').cycle({ 
    fx:  'scrollHorz', 
    prev: '#prev', 
    next: '#next', 
    timeout: 0 , 
    nowrap: 1,   
}); 

Answer 1

Ne peut pas utiliser l'option prevNextClick, tel que défini dans le Cycle Options?

Cela prend une fonction dans le format suivant:

function(isNext, zeroBasedSlideIndex, slideElement) 

Il y a aussi plusieurs autres options qui peuvent aider à la pagination.

• pagerAnchorBuilder
• allowPagerClickBubble
• pagerEvent
• pagerClick
• téléavertisseur

Answer 2

Commander la description de "onBefore" et "onAfter" sous Callbacks à http://jquery.malsup.com/cycle/int2.html. En regardant la source de la page, vous voyez l'exemple complet de la façon de le faire.