http://www.journaldunet.com/developpeur/tutoriel/dht/070327-javascript-galerie-photo/2.shtml Lancer l'impression





Le code CSS

Le code XHTML La fonction JavaScript gérant la galerie 
div#galerie


ul#galerie_mini


ul#galerie_mini li


ul#galerie_mini li a img



		

dl#photo


dl#photo dt


dl#photo dd


dl#photo img

		

Pour rendre le tout plus agréable, il est possible de mettre un peu de style dans tout cela, voici un exemple de code CSS utilisable, à adapter aux besoins.

La galerie est mise en place. A ce stade on peut déjà tester le résultat : les liens sur les miniatures ouvrent les images en taille réelle dans la fenêtre. C'est le comportement effectif si le JavaScript est desactivé. L'accès au contenu n'est donc pas bloqué dans ce cas, les photos sont alors disponibles normalement. Il ne reste alors qu'à faire le script JavaScript pour rendre ceci un peu plus agréable.

Page précédente Retour au sommaire Page suivante 
Copyright 2006 Benchmark Group - 69-71 avenue Pierre Grenier, 92517 Boulogne Billancourt Cedex, FRANCE
Lancer l'impression