Javascript: 10 sliders, carousels et slideshows pour embellir votre site

Posté par jbj le 27 août 2008 dans Design • 9 commentaires

Les slideshows sont toujours un bon choix lorsque vous recherchez une manière très visuelle d'afficher votre contenu. Voici ma sélection de 10 slideshows, carousels et sliders, basés sur Mootools, JQuery, Yahoo! User Interface, ou encore Script.aculo.us.

SpaceGallery

SpaceGallery est un nouveau plugin JQuery produisant un effet assez similaire au Time Machine d'Apple. A essayer !

Noobslide

Définitivement, un de mes slideshows préféré malgré son manque de documentation. J'en avais déjà parlé sur ce blog ainsi que sur CatsWhoCode où je vous proposais deux tutoriaux pour le mettre en place.

Accessible News Slider

Accessible news slider est un script sympa, dont j'avais déjà parlé au mois de décembre (si ma mémoire est bonne!) dans mon article "Un slider javascript avec JQuery". Ce script n'est pas toujours évident à personnaliser, mais fonctionne parfaitement bien.

SmoothGallery

Selon moi, l'un des meilleurs scripts du genre. SmoothGallery à lui aussi fait l'objet d'un article dédié il y a quelques mois, et apparemment ce script a plu à mes lecteurs. Pour info, vous le retrouverez en page d'accueil de mon blog, mettant en lumière mes meilleurs derniers articles.

jQuery Multimedia Portfolio

Basé sur JQuery, jQuery Multimedia Portfolio se propose d'embarquer toutes sortes de médias : textes, photos, mais aussi des videos flv ainsi que des mp3. Un bon script assez facile à mettre en place.

JCarousel

jCarousel est un plugin JQuery pour contrôler une liste d'objet de manière horizontale ou verticale. JCarousel est un script assez complet, qui permet la création de slideshows verticaux, de text-scrollers, de carousels circulaires et plus encore. Je ne l'ai jamais utilisé, mais j'avoue que c'est pas l'envie qui m'en manque !

Glider

Inspiré par le célèbre carousel de panic.com, voici Glider, un slideshow basé sur Prototype et Script.aculo.us.
Un bel exemple d'utilisation de Glider a été faite sur l'excellent thème Wordpress WP Magazine Theme.

Carousel

Utilisant YUI (Yahoo User Interface), ce carousel basique est codé d'une manière propre et sémantique (Listes HTML), et permet l'affichage de contenu verticalement ou horizontalement.
Un carousel simple qui sera parfait si vous n'avez pas besoin d'effets de la mort qui tue.

Carousel slideshow

Ce script a la particularité de ne nécessiter aucune librairie (Mootools, JQuery, etc) externe pour fonctionner. Pas mauvais mais attention aux connexions lentes.

Carousel.us

Celui-ci peut utiliser Mootools ou Scrip.taculo.us, au choix. Très beau mais ça reste assez lourd, donc à déconseiller aux petites connexions.

9 commentaires

» Flux RSS des commentaires

Maigret le 27 août 2008 à 20:31:
jQuery Multimedia Portfolio, ce serait pas celui utilisé sur le site d’Arte ?

Sinon, ma préférence va également à Smooth Gallery, je crois même que Jason de WPelements.com en avait fait une version customisé.

Et merci pour la liste, moi qui souhaitais avoir un aperçu global de ce qui existait en la matière, me voilà servi !
Valentin le 27 août 2008 à 23:27:
@Maigret : En faite, non mais sa y ressemble, celui de Arte est en flash et très dynamique, photos, aperçu vidéos/lecture de la vidéo…
Lio le 27 août 2008 à 23:42:
+1 Pour SmoothGallery : il m’est devenu indispensable !

Merci d’avoir mis des screenshots de chaque script, ça permet d’avoir une idée de ce à quoi ça ressemble avant de cliquer ^^
Touchcream le 28 août 2008 à 8:35:
Perso j’utilise smooth gallery (un peu modifié au niveau de la taille) ça marche super, j’aime beaucoup
Les billets de la semaine #11 | Le blog de Yohann CIURLIK | Spawnrider.Net :: Blog le 2 septembre 2008 à 23:25:
[...] Des sliders, carousels, et slideshows pour votre site via Lyxia.org [...]
ivinz le 4 septembre 2008 à 17:59:
Bien joué pour ce petit résumé.
Tres sympa ces petits scripts !
manga le 8 septembre 2008 à 23:02:
Excellent ! Sans php en plus !
Yassine le 12 septembre 2008 à 17:20:
Merci pour tous ça, c’est génial de s’entre aider.

PS : Le tout est excellent !
L’essentiel des News de la blogosphère… | ALLNews.fr le 17 septembre 2008 à 23:43:
[...] Javascript: 10 sliders, carousels et slideshows pour embellir votre site : Une manière d’afficher votre contenu à la Appel Style. [...]