LIGHTBOX
Hier encore je ne savais pas ce que c'était...
J'ai essayé tous les scripts que j'ai trouvé, mais sans grand résultat...
Alors je suis allée sur le site de Zaza sur les conseils d'un visiteur mystère et j'ai trouvé la plus jolie Lightbox et la plus complète, avec bouton "Next" et "prev" pour avancer ou reculer sur les photos, la possibilité de mettre une légende sous les photos et un joli cadre autour...
Démonstration à cette adresse (en bas de page), j'ai tellement de scripts dans mes pages, que ça fini par créer des conflits...
Alors ?
Pas mal hein...
Commencez par ouvrir votre "page d'accueil" et coller juste avant la balise </head> le code suivant :
"Validez" et ouvrez maintenant votre "feuille de style" et coller tout en bas de votre page (pour éviter d'encombrer le haut) le code suivant et validez :
Maintenant il faut "redimensionner vos photos", si vous avec Xnview c'est le moment de vous en servir.
Il vous faut les photos dans leur "taille d'origine" pour le diaporama, et aussi en "petit format" pour les miniatures visibles en première page.
Une fois fait, récupérez le code ci-dessous et "changer l'adresse des images".
Voici la partie du code qui correspond à une image :
<p><a title="Plage La Dolce vita <br>Corse du sud" rel="lightboxuno" href="https://storage.canalblog.com/24/25/255038/13909951.jpg" target="_blank"><img width="75" height="55" border="0" alt="DSCN0076" src="https://storage.canalblog.com/12/07/255038/13909881.jpg" /> </a></p>
En gris c'est la légende qui apparait sous votre image, en bleu c'est une balise pour revenir à la ligne, pour que "Corse du sud" soit à la ligne (vous pouvez l'enlever).
En rouge, c'est l'adresse de votre image grand format celle d'origine.
En blanc c'est l'adresse de votre image miniature, que vous devez collez en entier.
Changez uniquement ce qui est en couleur.
Ces lignes sont à coller dans un nouveau message en mode thml.