JQuery – Plugin AnythingSlider – slideshow

Il y avait un petit moment que je n’avais pas parlé de JQuery, voici un petit plugin bien sympathique qui peut encore remplir vos collections de plugins JQuery, un slideshow (comprendre diaporama) qui va vous permettre de présenter images ou textes, via navigation gauche droite, onglets ou automatiquement. Le tout avec un design propre et aisément modifiable.

AnythingSlider - Plugin JQuery

AnythingSlider - Plugin JQuery

Découvrons ensemble AnythingSlider :
* Slide avec contenu HTML (peut être n’importe lequel)
* Diapo suivante / précédente via des flèches
* Des onglets de navigation sont construits et ajoutés dynamiquement (n’importe quel nombre de diapositives)
* Fonction personnalisée en option pour formater le texte de navigation
* Lecture auto (fonction en option, peut commencer à jouer ou à l’arrêt)
* Chaque diapositive a une ancre (vous pouvez accéder directement à des diapositives spécifiques)
* Continuités infinies coulissantes (glissières toujours dans la direction où vous allez, même au « dernier » slide)
* Multiples sliders possible par page
* AutoPlay s’arrête sur hover (option)
* Lien pour des diapositives spécifiques à partir des liens de texte statique

Autant dire que les possibilités sont multiples et correspondent à la majorité des besoins.

Exemple, d’utilisation :

$('.anythingSlider').anythingSlider({
        easing: "swing",                // Anything other than "linear" or "swing" requires the easing plugin
        autoPlay: true,                 // This turns off the entire FUNCTIONALY, not just if it starts running or not
        startStopped: false,            // If autoPlay is on, this can force it to start stopped
        delay: 3000,                    // How long between slide transitions in AutoPlay mode
        animationTime: 600,             // How long the slide transition takes
        hashTags: true,                 // Should links change the hashtag in the URL?
        buildNavigation: true,          // If true, builds and list of anchor links to link to each slide
        pauseOnHover: true,             // If true, and autoPlay is enabled, the show will pause on hover
        startText: "Start",             // Start text
        stopText: "Stop",               // Stop text
        navigationFormatter: null       // Details at the top of the file on this use (advanced use)
});

Retrouver le plugin : http://css-tricks.com/anythingslider-jquery-plugin/
La démo : http://css-tricks.com/examples/AnythingSlider/#panel-1
Sur Github : http://github.com/dcneiner/AnythingSlider

Si vous avez des questions ou remarque sur ce plugin, n’hésitez pas 😉

Comments
  1. Chris
  2. LudiKadmin
  3. Chris
  4. Laurène
  5. info2tele
  6. LudiKadmin
  7. LAGAVUILIN30
  8. LudiKadmin
  9. mazeres
  10. LudiKadmin
  11. mazeres
  12. mazeres
  13. mazeres
  14. LudiKadmin

Leave a Reply

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


*