Skitter slideshow jQuery

skitter-jquery

Un petit nouveau dans le monde des slideshows est un plugin qui vous permettra de créer des diaporamas avec des animations sympas des listes non-ordonnées (ul li)

Ce plugin jQuery gratuit peut afficher des images avec des miniatures et des numéros permettant une meilleure ergonomie et navigation avec les boutons standards (suivant et précédent).

skitter-jquery-slideshow

Il existe une liste importante d’animations disponibles avec autant d’exemples (fondu, cube, tranche, directionnel, etc…)
Vous pourrez bien sûr utiliser les options tels que la vitesse, le temps d’intervalle de chaque image, l’affichage du texte ou non, affichage des nombres et des miniatures, etc…)
Le petit plus est la possibilité de combiner plusieurs animations différentes dans le même diaporama grâce aux noms des classes.

Javascript

$(function(){
$('.box_skitter_large').skitter();
});

HTML

<div>
    <ul>
        <li>
            <a href="http://thiagosf.net"><img src="images/01.jpg" /></a>
            <div>
                <p>Label</p>
            </div>
        </li>
        <li>
            <a href="http://cakephp.org"><img src="images/02.jpg" /></a>
            <div>
                <p>Label</p>
            </div>
        </li>
        <li>
            <a href="http://jquery.com"><img src="images/03.jpg" /></a>
            <div>
                <p>Label</p>
            </div>
        </li>
    </ul>
</div>

Nécessite bien sûr le framework jQuery.
Compatible avec la majorité des navigateurs web.

Site web :

http://thiagosf.net/projects/jquery/skitter/

A voir aussi

Réseau

Sites