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.
|