Multiple Cycle Jquery Diaporamas avec leur propre Navs
Question
J'utilise le plug-in du cycle Jquery ( http://malsup.com/jquery/cycle/) sur une page d'inscription de blog. Il y a plusieurs diaporamas qui fonctionnent bien, mais je voudrais chacun sur l'avoir leur propre précédent et suivant.
Parce que ce sont les messages de blog, il est difficile de signer des identifiants uniques ou classes. J'ai actuellement: -
$('.article .gallery').cycle({
next: '.viewmore .left',
prev: '.viewmore .right',
timeout:0
});
Je l'ai essayé ce qui suit, mais ne fonctionne pas. Il vous donne une meilleure idée de ce que je cherche: -
$('.article .gallery').cycle({
next: $(this).next('.viewmore .left'),
prev: $(this).next('.viewmore .right'),
timeout:0
});
Quelqu'un peut-il me aider? Merci à l'avance.
Dave.
La solution
Essayez quelque chose comme ceci:
$('.article .gallery').each(function(){
var $this = $(this);
$this.cycle({
next: $this.next('.viewmore').find('.left'),
prev: $this.next('.viewmore').find('.right')
});
});
Autres conseils
vous pouvez utiliser ids d'entrée dans les classes / ids?
quelque chose comme:
<span id="prev_{entry_id}">Previous</span>
<span id="next_{entry_id}">Next</span>
puis mettre cette partie de la ligne javascript.
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow