Problème d'utilisation du script Lightbox !

[Thoomas]

Bonjour à tous,

Je n'arrive pas à faire fonctionner le script lightbox disponible ICI

J'ai pourtant suivi le cheminement et mis dans mon header les 3 fichiers scripts :

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

Et ensuite le fichier CSS relatif au script :

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

Enfin, pour chaque image que j'utilise, j'ajoute la balise rel="lightbox" comme ci après :

<img src="masource" rel="lightbox" />

Je ne vois pas où est le problème et j'ai donc besoin de votre aide !

Merci d'avance,
Thomas.

 

[malvina14]

Bonjour,

Difficile de répondre sans avoir une url pour voir le problème, donc sans url je vous conseille de vérifier que vos liens js et css soient bon, ensuite :

<a href="imagelightbox.jpg" rel="lightbox"><img src="imagebase.jpg"  alt="" /></a>

je ne vois pas le lien dans votre code car le rel="lightbox" se met sur le lien et non sur l'image.

 

[Thoomas]

Bonjour Malvina14,

Pour les liens, oui désolé mais je travaille actuellement en local !

Et sinon, vous venez de résoudre mon problème, je n'avais pas tilté qu'il fallait mettre le rel="lightbox" dans le lien et pas comme attribut de l'image.

Merci beaucoup, mais j'ai une autre question à poser.

J'utilise les attributs max-height et max-width pour mes images, cependant quand j'ouvre l'image en mode "lightbox", l'image ne prend pas sa taille réelle et reste bloquée aux dimensions max-height et max-width... (je ne sais pas si c'est très clair)

Y aurait-il une possibilité pour résoudre ceci et avoir la taille 100% quand le lightbox est activé ?

Merci,
Thomas.

 

[UsagiYojimbo]

Je ne suis pas sûr de comprendre le problème, mais le plus simple est d'utiliser deux images différentes :

1. Une pour la vignette, sur laquelle se trouve le lien pour ouvrir le mode lightbox
2. L'image qui s'ouvre en lightbox, plus grande et dans une meilleure résolution

Niveau rendu visuel c'est beaucoup plus intéressant de procéder comme ça, car redimensionner en HTML une image (ce que je crois comprendre que tu fais au vu de ton dernier post) donne une qualité pas toujours top.

 

[malvina14]

Non je ne crois pas avoir tout compris, mais pourquoi ne pas enlever max-height et max-width, les images seront alors en taille réelle. et de mettre la dimension voulue pour la petite image avec width et height.

 

[Thoomas]

En fait, j'ai mis aux images une taille maximale (largeur & hauteur) en CSS avant d'éviter de devoir redimensionner chaque image trop grande, et si l'image est plus petite que les tailles données dans le CSS elle n'est pas redimensionnée.

UsagiYojimbo : L'idée peut être utile pour un site de photos ou de la sorte... mes images sont en fait QUE des screenshoot d'écran. Et ça m'embête car ton idée doublerait le nombre d'images... déjà qu'il y en a pas mal !

Je vais prendre la solution de malvina14 je pense, sauf si une personne a une meilleure solution.
Merci à vous deux.