Skitter slideshow jQuery

Un petit nouveau dans le monde des slideshows Skitter est un plugin jQuery 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/

Aucun commentaire

Répondre

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

trois × 1 =

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

CONTACT

We're not around right now. But you can send us an email and we'll get back to you, asap.

Envoi en cours...

©[current-year] WebCSSDesign

Se connecter

Oubli de mot de passe ?