Simple diaporama JS qui fonctionnera avec N entrées

Question

Je voudrais créer un diaporama javascript simple qui permet à un utilisateur de cliquer sur «Précédent» ou «Suivant» et faire glisser l'élément à partir de la droite ou à gauche selon. Le contenu viendra d'un CMS, donc ce n'est pas "dur codé" persay. Mon balisage ressemblerait à ceci idéalement (où la dernière entrée reçoit la classe « show »):

<span class="back"><a href="#">Previous slide</a></span> 
<span class="next"><a href="#">Next Slide</a></span> 
<div id="slideshow"> 
    <div class="client show"> 
    <p>Yada</p> 
    </div> 
    <div class="client hide"> 
    <p>Yada</p> 
    </div> 
    <div class="client hide"> 
    <p>Yada</p> 
    </div> 
    <div class="client hide"> 
    <p>Yada</p> 
    </div> 
</div><!--end slideshow--> 

je besoin de quelque chose qui détecte automatiquement l'ordre et permettre le nombre de classes .client d'être quoi que ce soit. Cela semble très proche: http://jsbin.com/ekecu mais je ne veux pas qu'il soit basé sur des liens visibles pour basculer, juste les mêmes boutons précédent et suivant absolument positionnés.

J'apprécierais vraiment un peu d'aide, ou si vous vous sentiez particulièrement généreux un extrait de source que je pourrais utiliser.

Answer 1

Shadow Box ou Fancybox?