Roudabout carrousel jQuery

roundabout-carousel

Voici aujourd’hui Roundabout petit plugin jQuery surpuissant pour faire des carrousels html de vos listes.


Ce plugin jQuery permet donc de transformer vos listes html en carrousel avec des transitions plutôt pas bien faites.

Côté pratique il permet de créer des carousels, des slideshows mais aussi des animations 3d tournantes, l’affichage de défilement de chiffres version compteur à l’ancienne et un « sélecteur de mot » qui pourrait être utilisé comme des select dans les formulaires.

ex-carousel-roundabout

Côté utilisation pour créer un carrousel slideshow:

HTML

        <ul class='carrousel'>
            <li><img src="/img/award.png" alt="Award" /></li>
            <li><img src="/img/backpack.png" alt="Backpack" /></li>
            <li><img src="/img/bear.png" alt="Bear" /></li>
            <li><img src="/img/gun.png" alt="Gun" /></li>
            <li><img src="/img/high-five.png" alt="High-Five" /></li>
            <li><img src="/img/mustache.png" alt="Mustache" /></li>
            <li><img src="/img/sun.png" alt="Sun" /></li>
        </ul>

Javascript:
$(document).ready(function() {
    $('ul.carrousel').roundabout({
        autoplay: true,
        autoplayDuration: 5000
    });
});

Pour plus d'infos voir la doc sur le site officiel : 
 http://fredhq.com/projects/roundabout

		
		
Aucun commentaire

Répondre

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

*

18 − dix-sept =

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 ?