annuaire webmsters

SlideShow, classe javascript pour animer vos images

| 18 mars 2008 | More

Comme souvent sur Free Tools, j’ai découvert SlideShow suite à un besoin professionnel.
Le but était de trouver une ressource affichant une succession d’images… la solution devait être gratuite, non intrusive et ne pas utiliser la technologie Flash !

slideshow et effets de fondu avec MooTools

SlideShow possède toutes ces qualités. SlideShow est une classe javascript pour réaliser une présentation d’images par fondus successifs. Il a été écrit à l’origine pour le CMS Textpattern en 2006, utilisant Moo.fx. Cette nouvelle version a été récrite en s’appuyant toujours sur le framework Mootools, et ajoute beaucoup de fonctions.

Principales options proposées :

  • Taille du slideshow paramétrable
  • Plusieurs types de transition (wipe, push, pan, fade, zoom et combo)
  • Transitions avec flèches gauche et droite (intervention de l’utilisateur)
  • Navigation par miniatures des images
  • Affichage de texte

Et pour couronner le tout, le script est enfantin à installer. Vous n’aurez que deux fichiers javascript à télécharger, quelques lignes de codes à ajouter et, bien évidemment, un répertoire avec les images à faire défiler.

Une ressource à bookmarker d’urgence.

Site Internet : SlideShow
Licence : Gratuit

Category: Composants, Galerie d'images

Commentaires (8) - DoFollow

Trackback URL | Comments RSS Feed

  1. Rom's dit :

    Utile pour les iPhone qui ne disposent pas de flash. Mais ça ne viendra sûrement pas suplanter flash player sur les ordinateurs de bureau

  2. Julien dit :

    Bonjour,
    Cela vient de moi ou ce script est extrêmement gourmand en ressource ?
    (testé sous firefox 2 dernières version)

  3. myrmex dit :

    Je n’ai pas remarqué de consommation excessive… J’ai utilisé ce script sur http://www.mtnconcept.com/golf et depuis mon ordinateur, j’ai un affichage rapide et une consommation ressource normale (FF2 et IE7 dernière version).

  4. littleghost dit :

    Ce type d’outils pour slide m’intéresse pour sa sobriété. Mais est-ce possible de l’intégrer dans un blog, type blogspot ou wordpress ?
    Merci !

  5. myrmex dit :

    Hi Littleghost… Hélas il n’existe pas de plugin pour blogspot ou wordpress. Avec WordPress, tu peux envisager de faire l’implémentation dans le code source. Pour blogspot, je ne connais pas ! Si tu n’es pas un expert « es » HTML/CSS/PHP, il existe des solutions plus simples comme vuvox.

  6. littleghost dit :

    Merci. C’est bien dommage. Sinon connais-tu flickrSLiDR, création de slideshow à partir de l’album flickr ? Le rendu n’est pas aussi clean d’après ce que j’ai trouvé sur un blog mais cel reste toujours discret en terme de publicité. Je vais tester cette solution ainsi que la tienne de vuvox… A l’attaque ! :D

  7. Jessica dit :

    Bonjour, justement j’ai créé un diaporama avec Vuvox mais je n’arrive pas à l’intégrer à mon WordPress. Je ne suis justement pas une crack en HTML et compairs, mais j’apprends vite.
    Auriez vous des pistes à me donner ?

  8. myrmex dit :

    Bonjour Jessica… Pourriez-vous indiquer l’url de votre blog et celle de votre diaporama sur vuvox ? En principe, il suffit d’ajouter une page dans le back office de WordPress, de passer en « HTML » (onglet sur la droite) et coller le code HTML fourni par VuVox.

Ajouter un commentaire