Canalblog
Editer l'article Suivre ce blog Administration + Créer mon blog
Publicité
Bienvenue dans le monde réel...
6 juin 2007

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.

Publicité
Publicité
Commentaires
H
Bonjour, <br /> J'aimerais utiliser la Lightbox pour mes albums photos. <br /> Sur ma page d'accueil, j'ai un lien qui va vers un album photo. Page de présentation de l'album et là, lorsque l'on clique sur une miniature : Lightbox. <br /> Donc ce n'est pas dans un message que je voudrais placer la lightbox mais à la place des albums photo de Canalblog... et j'en ai plusieurs! <br /> Savez-vous comment faire ? <br /> En tout cas, merci pour tout votre travail, qui m'aide énormément !
D
[Salut]Salut,<br /> <br /> Qu'appelle tu "galerie photo" ? ça se présente sous quelle forme ou quel format ?<br /> [je cherche]
C
Bonjour,<br /> Depuis le début de mes blogs ton site est une référence alors déjà FELICITATIONS !!!<br /> Je vient de créer ma galerie photo sur photoshop et elle est très jolie ;-) le problème est que je ne vois pas comment je pourrai l'insérer dans mon blog, aurai tu la réponse ?<br /> Merci.
T
Si le html est toléré, il suffit de faire une image cliquable dans ce style :<br /> <br /> Cela donnera une image cliquable dont la taille est égale à 25% de l'originale, mais qui s'agrandira quand on clique dessus.
P
Bonjour<br /> <br /> Nous avons ecrit un mode d emploi pour Lightbox sur Blogger, à la fin de l'article vous trouverez un lien pour les images avec les textes en francais (précédent/suivant/fermer)<br /> <br /> http://aide-blogger-fr.blogspot.com/2008/01/une-lightbox-pour-afficher-ses-images.html<br />
Publicité
Publicité