Encore un système LightBox ! OUI et on ne s'en lasse pas ...
Présentation
Compiler plusieurs images, c'est l'art et la manière de le faire. Compatible avec tout les navigateurs.
Télécharger
Commencez par télécharger
:
Lightbox-galerie-simple-image.zip
une fois que vous avez téléchargé cette archive dézippez la avec
7zip.
L'installation
c'est très simple, l'index, dans l'archive est déjà faite.
Les images
Placez vos images miniatures et large dans le dossier :
images.
Ensuite, ouvrez
index.html avec votre éditeur web ou le bloc-note. c'est en regardant ce bout de code html que vous allez comprendre comment placer les images.
Les images sont déjà présentes dans le dossier "
images". Miniatures aussi ...
C'est l'attribut rel="lightbox" inséré dans le lien image qui va déclencher les JS placés précédemment dans la balise head.
1) Remplacez
image-1.jpg (
image large) etc ... par les vôtres. Et faites de même pour les
thumb-1.jpg (miniatures en 100x40px).
2)
title="Légende facultative ." : Cela vous permettra de mettre une légende à votre image.
Astuce
Si vous avez des connaissances en CSS, il est possible de modifier les couleurs, fonds, dimensions etc... Dans le dossier
JS/lightbox.css.
Voir l'exemple
A voir aussi