bxCarousel - Un slider / carrousel jQuery léger et efficace

bxCarousel est un plugin jQuery permettant de créer un carrousel / slider / slideshow javascript efficace.

Si vous êtes à la recherche d'un plugin permettant de réaliser un bon slider pour votre site web, bxCarousel est un très bon candidat.

Il est relativement simple à utiliser et dispose de plusieurs options pour personnaliser son fonctionnement à votre guise:

• display_num: 4,       // Nombre d'éléments visibles
• move: 4,              // Nombre d'éléments à slider
• speed: 500,           // Nombre de ms pour finir l'animation de slide
• auto: false,          // Slideshow automatique
• auto_interval: 2000,  // Durée entre 2 slide
• auto_dir: 'next',     // Direction du slideshow (options: 'next', 'prev')
• auto_hover: false,    // Mise en pause du slideshow au survol ?
• next_text: 'next',    // Texte personnalisé pour le lien "suivant"
• next_image: '',       // Image pour le lien suivant
• prev_text: 'prev',    // Texte personnalisé pour le lien précédent
• prev_image: '',       // image pour le lien précédent
• controls: true        // Affichage des contrôles

Le contenu à slider est une liste HTML classique:

<ul id='monSlider'>
    <li>first piece of content</li>
    <li>second piece of content</li>
    <li>third piece of content</li>
    <li>fourth piece of content</li>
    <li>bxCarousel can accept an unlimited number of elements</li>
</ul>

Et voici comment l'initialiser avec jQuery:

$(document).ready(function(){
    $('#monSlider').bxCarousel({
        display_num: 3,
        move: 1,
        auto: true,
        controls: false,
        margin: 10,
        auto_hover: true
    });
});

Un slideshow à la fois complet et, avec ses 3.5ko, léger ! A recommander et utiliser...

Site Officiel