J'utilise le cycle jQuery dans plusieurs galeries avec la navigation #next #prev et une sortie de compteur d'image. Maintenant, j'essaie de connecter toutes ces galeries ensemble. Si l'utilisateur atteint la dernière diapositive de la galerie A (galleryA.html), l'ancre #next doit pointer vers la galerie B (galleryB.html)/l'ancre #prev doit pointer vers la galerie C (galleryC.html).Cycle jQuery - #next #prev, goto nextGallery après la dernière diapositive de currentGallery
Comment puis-je combiner mes 2 fonctions pour faire cela?
// slideshow fx $(function() { $('#slideshow').cycle({ fx: 'fade', speed: 350, prev: '#prev', next: '#next', timeout: 0, after: onAfter }); }); //image counter output function onAfter(curr,next,opts) { var caption = (opts.currSlide + 1) + opts.slideCount; $('#counter').html(caption); }
html:
<div id="slideshow-container">
<div class="slideshow-nav"><a id="prev" href=""></a></div>
<div class="slideshow-nav"><a id="next" href=""></a></div>
<div id="slideshow" class="pics">
<img src="galleryA/01.jpg" />
<img src="galleryA/02.jpg" />
<img src="galleryA/03.jpg" />
<img src="galleryA/04.jpg" />
<img src="galleryA/05.jpg" />
<img src="galleryA/06.jpg" />
</div>
</div>
Merci pour les conseils. Je vais essayer toutes les possibilités dans ce sens. jQuery Cycle dispose d'une option de fin: end: null, // rappel invoqué lorsque le diaporama se termine (utiliser avec les options autostop ou nowrap): fonction (options) Je pense que je suis en difficulté parce que j'essaie de faire pivoter avec image groupes et galeries, donc les ancres #prev et #next font 2 choses, tournent dans un groupe d'images et quand arrive la fin (de chaque côté!) iront à la galerie suivante ou précédente. – FHP