Un slider pour JQuery : Easy Slider

easyslider

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.

Cette entrée a été publiée dans JQuery, avec comme mot(s)-clef(s) , . Vous pouvez la mettre en favoris avec ce permalien.

3 reponses a Un slider pour JQuery : Easy Slider

  1. Dyl@n dit :

    Je ne connaissais pas ce plugin très intéressant.

  2. Ping : » Web design : l’art de faire un joli slider - JQuery, PHP, html, design… // arnaud-k : un blog de geek

  3. nephelion dit :

    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 ?

Laisser un commentaire

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

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>