Orbit est un plugin jQuery permettant de créer un slideshow / slider d'images design et très léger.

Avec ses 2.8kb, Orbit est sans doute l'un des plus légers slider jQuery du moment, tout en restant fonctionnel et paramètrable.

Le slider passe en mode défilement automatique avec preload des images et affichage d'un cercle de chargement.

Il est possible de naviguer entre les slide en utilisant les flêches mettant en pause le diaporama automatique.

Il sera aussi possible d'afficher une légende en bas de l'image en renseignant la balise title de l'image.

Le code HTML est plutôt propre:

1.<div id="featured">
2.<img src="link.jpg" title="Link galliantly riding the majestic Epona across the hyrulian plains" alt="Link" />
3.<img src="ezio.jpg"  alt="Ezio" />
4.<img src="masterchief.jpg" title="Master Chief surveying Reach, home of his upcoming game"  alt="Master Chief" />
5.<img src="marcusfenix.jpg"  alt="Marcus Fenix" />
6.</div>

Et le code jQuery très simple à mettre en place, avec les différentes options:

01.$('#featured').orbit({         
02.animation: 'fade', //fade, horizontal-slide, vertical-slide
03.animationSpeed: 800, //how fast animations are
04.advanceSpeed: 4000, //if timer advance is enabled, time between transitions
05.startClockOnMouseOut: true, //if timer should restart on MouseOut
06.startClockOnMouseOutAfter: 3000, //how long after mouseout timer should start again
07.directionalNav: true, //manual advancing directional navs
08.captions: true, //if has a title, will be placed at bottom
09.captionAnimationSpeed: 800, //how quickly to animate in caption on load and between captioned and uncaptioned photos
10.timer: false //if the circular timer is wanted
11.});

Un nouveau slideshow jQuery qui fera certainement votre bonheur !

LIEN