Deux SlideShow à l’essai

Besoin d’un SlideShow (galerie d’images à défilement automatique ou manuel) rapidement.
Pas envie de réinventer la roue à faire un système de galerie d’image web 2.0 ?
Pas non-plus envie de dépenser plus de 0,00001€ ?
Et encore moins envie de s’exploser le crâne contre un mur pour comprendre le fonctionnement de la configuration du système développé par un GDG (Gentil Développeur Geek).

Je vous propose aujourd’hui de découvrir deux SlideShow.

Le premier est développé par The Rubik’s Man.
Vous le trouverez à l’adresse suivante : http://www.javascriptfr.com/code.aspx?ID=39684
Vous trouverez un test ici du slide Show.
Le SlideShow se base sur ces librairies :
– prototype
– moo
– moo_fx

Description :
Voici un SlideShow facile à mettre en place et composé de plusieurs options bien sympas.
Il est parfait pour une galerie de blog.
Les transitions entre les images sont fluides.
Enfin c’est une réelle alternative au diaporama développé en flash.

Possibilités offertes :
Ce SlideShow comporte plusieurs possibilités de navigation.
deux zone sensitive (à droite et à gauche) sur l’image pour les faire défiler
un système de pagination (1 – 2 – 3 – 4 – …)
un AutoPlay qui va afficher les images les une après les autres de manière automatique.

Contrôle de la vitesse de défilement des images
Contrôle de la vitesse des fondus entre chaque image
Re-dimensionnement des grandes images automatiquement par rapport à la taille de l’écran
Affichage d’un texte de description des images
Possibilité de mettre plusieurs SlideShow dans une même page.

Petit Hack :
Pour faire démarrer automatiquement le SlideShow lors du chargement de la page voici un petit hack.

function run_slide() {
	document.getElementById('book_PLAYbutton').click();
}

var timer = setTimeout("run_slide()", 500);

book étant le nom du diaporama (div id="book")

Second Slide show encore plus simple mais bien sympa.
Celui ci est développé par Kevin C. Smith.
Vous trouverez tout les scripts à cette adresse : http://slayeroffice.com/code/imageCrossFade/xfade2.html
Vous trouverez un test ici.
Description :
Ce SlideShow est très simple et sans fioriture, Il applique juste un fade entre deux images dont la couleur du fade est paramétrable dans le css.
Le seul défaut de ce système c’est que toutes les images sont affiché avec les même dimension, il faut donc prévoir de mettre toute les images à la même taille.

Tagués avec : , , ,
Publié dans Faites du Web

Laisser un commentaire

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

*