2

Un slider pour JQuery : Easy Slider

le 10 août 2009

tags tags : ,

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.

Sur le même sujet (en théorie ) :

tags catégorie : JQuery

2 commentaires :

  1. Dyl@n dit :
    15 août 2009 à 13:10

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

  2. » Web design : l’art de faire un joli slider - JQuery, PHP, html, design… // arnaud-k : un blog de geek dit :
    27 avril 2010 à 09:05

    [...] peuvent être fait avec du JQuery (voir l’article parlant d’EasySlider), Mootools voire même en flash pour le dernier de cette sélection. Toute l’astuce réside [...]

Ajouter un commentaire