Lightbox et problème css [Résolu]

[sam01]

Salut à tous,

C'est la première fois que j'utilise http://www.huddletogether.com/projects/lightbox2/
et à priori c'est assez simple ... langue

Le problème c'est quand je clique sur la vignette, au moment ou l'image apparait en taille normal elle est complètement décalé par rapport au conteneur du script ...

J'ai cherché pendant une heure, dans le code css de lightbox et dans le mien ... je ne vois pas du tout de quoi ça vient ...


je sais mon css est un long :

http://www.cijoint.fr/cj201012/cijeKbnnKE.txt

Merci pour votre aide.

[ornitho13]

Salut,

y aurait il moyen d'avoir un lien vers la demo qui ne marche pas, histoire de voir si cela provient vraiment de la CSS ou du HTML?

merci

[sam01]

Bonjour et pardon pour le retard, voilà je l'ai mis en ligne :

http://www.swapnfly.fr/profiladh-log...tudiant-2.html

Au fait j'ai différent BUG...

1) Lorsque l'on clique sur une photo, au moment de l'affichage, la photo saute...

2) Les boutons next et end changent de place en fonction de la photo...

3) j'ai désactivé la ligne suivant du css :

Code :

1
2
3
 
 
/*#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }*/

Car lorsque cette ligne est activé, j'ai un gros bloc noir qui couvre toute ma page...

[ornitho13]

d'après ce que je vois dans ton code source générée, il y a 2 div avec le même id (#lightbox) et cela est interdit. Le problème se situe donc à ce niveau.

A priori, c'est un problème de javascript, le lightbox est peut être appelé 2 fois, ou alors c'est un problème d'HTML dans le sens où tu as inséré une balise lightbox alors que le plugin le fait tout seul.

regarde de ce coté là.

Si tu veux un exemple d'utilisation, je l'ai incorporé pour ma part pour ce site web (menu "couleur" par exemple) avec le plugin jQuery : http://www.k-ido.com/couleur.php

[sam01]

Bonjour ornitho13 et merci,

par contre peux-tu me dire à quel endroit exactement tu vois un double id pour la lightbox... ?

Je n'arrive pas à voir d'où ça vient.

Une autre petite chose, j'ai désactivé la ligne suivante

Code :

1
2
3
 
 
/*#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }*/

car ça me donne un gros bloc noir, tu crosi que c'est lié avec le double id ?

Merci pour ton aide.

[ornitho13]

je ne pense pas que le souci vient de la ligne que tu as commenté. Si tu veux voir le double ID, utilise firebug ou les outils de développeur de chrome par exemple. Ceux ci te fournissent le code généré de ta page.

Quand je regarde ton code (en regardant uniquement la source non généré), tu déclares 2 fois ces lignes:

Code javascript :

1
2
3
4
 
        <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>

ce qui fait que cela double l'appel de lightbox et donc insère 2 fois tes éléments avec les mêmes ID.

le problème doit venir de là

[sam01]

Bonjour ornitho13 et merci.

Maintenant ça fonctionne beaucoup mieux.