vendredi 24 avril 2009

Diaporama de photos avec JQuery

Une fois n'est pas coutume, j'ai utilisé JQuery pour faire ce script.
En gros, il affiche une série de photos qui peuvent être issu d'une base de donnée ou encore d'un fichier XML (pour l'exemple, elle sont issues d'un tableau PHP tout ce qu'il y a de plus bête).

Les photos sont affichés par série de 5, qui défilent automatiquement. Une liste des 5 photos (en vignette) permet de naviguer entre les grandes photos en utilisant le plugin Easing de JQuery (qui permet un tas d'animation sympathique pour vos pages). Les boutons situés à gauche et à droite de la liste des vignettes permettent de naviguer entre les séries. Les boutons sont bien sûr désactiver si cliquer dessus n'amène pas sur une page qui affiche des photos.

J'ai pour habitude de faire des scripts compatibles avec IE 6+, Firefox et Safari, mais là, ça ne marche pas sous IE6.

Pour voir, c'est par là : http://philippemouchel.fr/diaporama.php

Et comme d'habitude un petit aperçu :

Aucun commentaire:

Enregistrer un commentaire