Plusieurs diaporamas de cycle Jquery avec leurs propres nav

Question

J'utilise le plugin de cycle de Jquery (http://malsup.com/jquery/cycle/) sur une page de liste de blogue. Il y a plusieurs diaporamas qui fonctionnent bien, mais j'aimerais que chacun d'eux ait son propre et précédent. Comme il s'agit d'articles de blog, il est difficile de signer des ID ou des classes uniques. J'ai actuellement: -

$('.article .gallery').cycle({ 
next: '.viewmore .left', 
prev: '.viewmore .right', 
timeout:0 
}); 

J'ai essayé ce qui suit mais ne fonctionne pas. Cela 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 m'aider? Merci d'avance.

Dave.

Answer 1

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') 
    }); 
}); 

Answer 2

pouvez-vous 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> 

ensuite mettre cette partie de la ligne javascript.