Easy Slider est un plugin JQuery qui permet, comme son nom l’indique, de créer un slider. Un slider permet de faire défiler des informations dans un même bloc. Cela permet donc un gain de place tout en ajoutant du mouvement (si le défilement est automatique) et une touche d’intéractivité.
J’aime assez la souplesse du plugin (voir la liste des options), son design et sa fluidité.
demo du plugin JQuery Easy Slider
Voici donc la liste des options :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | prevId: 'prevBtn', // id du bouton précedent prevText: 'Previous', // texte du bouton précédent nextId: 'nextBtn', // id du bouton suivant nextText: 'Next', // texte du bouton suivant controlsShow: true, // affichage ou non des contrôle controlsBefore: '', // pour des boutons personnalisés controlsAfter: '', controlsFade: true, // pour cacher ou non les boutons lorsque le défilement est fini firstId: 'firstBtn', // id du bouton de retour au premier élément firstText: 'First', // texte du bouton de retour au premier élément firstShow: false, // affichage ou non du bouton de retour au premier élément lastId: 'lastBtn', // id du bouton de retour au dernier élément lastText: 'Last', // texte du bouton de retour au dernier élément lastShow: false, // id du bouton de retour au dernier élément vertical: false, // slider vertical ou horizontal speed: 800, // vitesse de défilement auto: false, // pour faire défiler ou non automatiquement le slider pause: 2000, // pause entre les défilements automatiques continuous: false, // pour un retour ou non au premier élément lorsque l'on est arrivé à la fin numeric: false, // pour des contrôles sous formes numériques (boutons '1', '2', '3'...) numericId: 'controls' // id de la liste ordonée des contrôles numériques |
Ce plugin JQuery est donc une bonne alternative au plugin Scrollable, il est notamment plus simple à mettre en place et à configurer mais il reste un peu moins souple que Scrollable.
Pas encore de billet sur le même sujet !
Je ne connaissais pas ce plugin très intéressant.
Ping : » Web design : l’art de faire un joli slider - JQuery, PHP, html, design… // arnaud-k : un blog de geek
j’ai un petit souci, les images s’affichent toutes au chargement avant de revenir au défilement normal ;( et même parfois à chaque changement de page
souci de cache, d’hébergement ou de navigateur ?