Coin Slider - Un slideshow jQuery léger et bien réalisé

Coin Slider est un slideshow jQuery mêlant à la fois légèreté, design et ergonomie.

Dans le monde abondant des sliders jQuery, Coin slider se démarque avec des transitions uniques bien réalisées et un script plutôt léger puisqu'il pèse environ 8Kb.

Le plugin reprend les fonctionnalités de slider traditionnel:

• Boutons suivant et précédant pour la navigation
• Menu de navigation
• Légende pour les images
• Liens sur les textes ou images
• Slide automatique
• Etc.

Le script est facilement personnalisable via CSS et les options vous permettront de configurer le slideshow rapidement.

Voici comment le mettre en place:

Dans un premier temps, chargez les librairies JS et CSS du plugin.

Générez le HTML dynamiquement ou statiquement:

<div id='coin-slider'>
    <a href="img01_url" target="_blank">
        <img src='img01.jpg' >
        <span>
            Text descriptif de l'image 1
        </span>
    </a>
    ......
    ......
    <a href="imgN_url">
        <img src='imgN.jpg' >
        <span>
            Text descriptif de l'image N
        </span>
    </a>    
</div>

Puis initialisez le plugin avec les options souhaitées de cette manière:

$(document).load(function() {
        $('#coin-slider').coinslider({ width: 900, navigation: false, delay: 5000 });
});

Rien de compliqué ! En quelques minutes vous aurez un slider jQuery parfaitement fonctionnel et au très bon rendu.

Sympa non ?

Site Officiel