Sudo Slider est un plugin jQuery de 10 ko permettant de mettre en place un diaporama manuel (Slider) ou automatique (Slideshow) avec tout type de contenus (images, textes, vidéo en Flash, formulaire avec validation, etc.). Une dégradation gracieuse est prévu en l’absence de Javascript (sauf si les contenus sont appelés via Ajax). Lire le reste de cet article »
09/08/10
Sudo Slider — Le diaporama jQuery qu’il vous faut
1 commentaire » | Tags : Diaporama, Slider, Slideshow | Plugin jQuery
05/03/10
BasicSlider — « Slider » horizontal et vertical avec jQuery
BasicSlider est un diaporama (carrousel, slider, etc.) créé par Jonathan Thuau qui permet de faire défiler du contenu (textes, images ou les deux) horizontalement ou verticalement, automatiquement ou manuellement. Parmi les fonctionnalités on trouve : Lire le reste de cet article »
30 commentaires » | Tags : Carrousel, Diaporama, jQuery, Slider | Plugin jQuery
30/01/10
Diaporama avec navigation au clavier (flèche droite et flèche gauche)
Adding Keyboard Navigation est un tutoriel expliquant pas à pas la mise en place d’un diaporama avec la possibilité d’utiliser le clavier (flèche droite et flèche gauche) pour passer à l’image suivante ou précédente. Chez Remy Sharp, les tutoriels sont vraiment très bien fait. On trouve le tutoriel proprement dit avec les explications de code, la démonstration pour juger sur pièce et le code prêt à être copié-collé, sans oublier les commentaires, souvent utiles.
Aucun commentaire » | Tags : Accessibilité, Clavier, Diaporama, jQuery, Navigation, Slider | Revue de Web, Tutoriel
27/12/09
jQuery Before/After — Comparer deux états d’une photo
jQuery Before/After est un plugin étonnant qui plaira à tous ceux qui veulent proposer la comparaison de deux états d’une photo. Chacun des deux états apparait de part et d’autre d’une ligne médiane où un grip vous attend pour faire glisser un slider qui dévoilera l’autre partie de l’image. Le script pèse 7 ko et nécessite jQuery UI en plus de jQuery pour fonctionner. Je vous laisse avec une démonstration parfois surprenante ;)
1 commentaire » | Tags : Comparer, Image, jQuery, Photo, Slider | Plugin jQuery
18/11/09
Un «slider» à la manière du Playback de Google Wave
Cet excellent tutoriel montre pas à pas comment créer un slider permettant d’afficher un historique progressif à la manière de la fonction Playback de Google Wave. Ca commence par le marquage HTML, l’ajout des CSS, le PHP, la base de donnée MySQL, l’ajout des commentaire via Ajax et pour terminer, le code Javascript utilisant jQuery. Via Restez connectés !
1 commentaire » | Tags : Ajax, Google Wave, Slider | Plugin jQuery