Roundabout - Un carrousel jQuery original et efficace

Roundabout est un plugin jQuery permettant de créer un carrousel plutôt original à partir d'une liste HTML.

Roundabout n'est pas vraiment un carrousel mais un script permettant de disposer des éléments autour d'un autre et de les faire bouger circulairement autour.

Pratique si vous souhaitez présenter des images de manière originale, sous forme de carrousel, où le visiteur est invité à cliquer sur les images en périphérie pour faire défiler l'ensemble.

Il est possible de rendre ce carrousel automatique, ou alors d'y ajouter des boutons suivant et précédent.

Techniquement, la librairie va transformer une liste HTML basique:

 <ul id="myRoundabout">
   <li>Box 1</li>
   <li>Box 2</li>
   <li>Box 3</li>
   <li>Box 4</li>
</ul> 

Puis avec un peu de CSS et le JS suivant, votre carrousel sera fonctionnel:

 <script type="text/javascript">
   // <![CDATA[
   $(document).ready(function() {
      $('ul#myRoundabout').roundabout();
   });
   // ]]>
</script> 

Site Officiel