Affichage images lightbox sauf en local

Version imprimable

Bonsoir,

il m 'arrive une chose bizarre, dans mon site web j ai mis une galerie lightbox en javascript que j'alimente uniquement avec des balises img en HTML.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
<div id="contenu3">
<div id="texte3">
<h2 align="center">Sites internet</h2> <br/>
<br/>
<a href="media/02.jpg" rel="lightbox[roadtrip]"><img src="media/frame-02.jpg" /></a>
<a href="media/03.jpg" rel="lightbox[roadtrip]"><img src="media/frame-03.jpg" /></a>
<a href="media/04.jpg" rel="lightbox[roadtrip]"><img src="media/frame-04.jpg" /></a>
<a href="media/05.jpg"rel="lightbox[roadtrip]"><img src="media/frame-05.jpg" /></a>
<a href="media/06.jpg" rel="lightbox[roadtrip]"><img src="media/frame-06.jpg" /></a>
<a href="media/01.jpg" rel="lightbox[roadtrip]"><img src="media/frame-01.jpg" /></a>
</div>
 
<div id="image3">
<h2 align="center">Reportages photos</h2> <br/><br/>
<a href="media/011" rel="lightbox[roadtrip]"><img src="media/frame-011.jpg" /></a>
<a href="media/022.JPG" rel="lightbox[roadtrip]"><img src="media/frame-022.jpg" /></a>
<a href="media/033.JPG" rel="lightbox[roadtrip]"><img src="media/frame-033.jpg" /></a>
<a href="media/044.JPG" rel="lightbox[roadtrip]"><img src="media/frame-044.jpg" /></a>
<a href="media/055.JPG" rel="lightbox[roadtrip]"><img src="media/frame-055.jpg" /></a>
<a href="media/066.JPG" rel="lightbox[roadtrip]"><img src="media/frame-066.jpg" /></a>
<a href="media/07.JPG" rel="lightbox[roadtrip]"><img src="media/frame-07.jpg" /></a>
<a href="media/08.JPG" rel="lightbox[roadtrip]"><img src="media/frame-08.jpg" /></a>
<a href="media/09.JPG" rel="lightbox[roadtrip]"><img src="media/frame-09.jpg" /></a>
<a href="media/10.JPG" rel="lightbox[roadtrip]"><img src="media/frame-10.jpg" /></a>
<a href="media/11.JPG" rel="lightbox[roadtrip]"><img src="media/frame-11.jpg" /></a>
<a href="media/12.JPG" rel="lightbox[roadtrip]"><img src="media/frame-12.jpg" /></a>
<a href="media/13.JPG" rel="lightbox[roadtrip]"><img src="media/frame-13.jpg" /></a>
<a href="media/14.JPG" rel="lightbox[roadtrip]"><img src="media/frame-14.jpg" /></a>
<a href="media/15.JPG" rel="lightbox[roadtrip]"><img src="media/frame-15.jpg" /></a>
<a href="media/16.JPG" rel="lightbox[roadtrip]"><img src="media/frame-16.jpg" /></a>
<a href="media/17.JPG" rel="lightbox[roadtrip]"><img src="media/frame-17.jpg" /></a>
<a href="media/18.JPG" rel="lightbox[roadtrip]"><img src="media/frame-18.jpg" /></a>
<a href="media/19.JPG" rel="lightbox[roadtrip]"><img src="media/frame-19.jpg" /></a>
<a href="media/20.JPG" rel="lightbox[roadtrip]"><img src="media/frame-20.jpg" /></a>
<a href="media/21.JPG" rel="lightbox[roadtrip]"><img src="media/frame-21.jpg" /></a>
<a href="media/22.JPG" rel="lightbox[roadtrip]"><img src="media/frame-22.jpg" /></a>
<a href="media/23.JPG" rel="lightbox[roadtrip]"><img src="media/frame-23.jpg" /></a>
<a href="media/24.JPG" rel="lightbox[roadtrip]"><img src="media/frame-24.jpg" /></a>
<a href="media/25.JPG" rel="lightbox[roadtrip]"><img src="media/frame-25.jpg" /></a>
<a href="media/26.JPG" rel="lightbox[roadtrip]"><img src="media/frame-26.jpg" /></a>
<a href="media/27.JPG" rel="lightbox[roadtrip]"><img src="media/frame-27.jpg" /></a>
<a href="media/28.JPG" rel="lightbox[roadtrip]"><img src="media/frame-28.jpg" /></a>
<a href="media/29.JPG" rel="lightbox[roadtrip]"><img src="media/frame-29.jpg" /></a>
<a href="media/30.JPG" rel="lightbox[roadtrip]"><img src="media/frame-30.jpg" /></a>
</div>
</div>

En local , ces images s'affichent bien, en revanche sur le net uniquement la premier partie des images s'affiche . ayant deja par le passé utilisé le meme code avec d'autres images, je n'ai jamais eu ce probleme.
D'ou cela peut t'il venir? quelqu'un a t'il une idée.

Merci par avance

:D

17/11/2009, 07h54
andry.aime

Bonjour,

Citation:

en revanche sur le net uniquement la premier partie des images s'affiche .

Précharge les images en Javascript. Sinon, les tailles des images sont grandes? dans l'ordre de combien de KiloOctet?
17/11/2009, 08h46
Bisûnûrs

Et peut-être qu'en local Windows est insensible à la casse et qu'une fois sur un serveur Linux, le fait d'avoir des .JPG alors que tes images sont peut-être en .jpg pourrait poser problème.
17/11/2009, 11h37
aquafafa

Citation:

Envoyé par andry.aime

Bonjour,
Précharge les images en Javascript. Sinon, les tailles des images sont grandes? dans l'ordre de combien de KiloOctet?

les images les plus grosses font du 30 KO et le splus petites du 12 KO je pense pas que cela vienne du poids des images car elles sont tres petites.

une autre idée ?

Citation:

Envoyé par Bisûnûrs

Et peut-être qu'en local Windows est insensible à la casse et qu'une fois sur un serveur Linux, le fait d'avoir des .JPG alors que tes images sont peut-être en .jpg pourrait poser problème.

j ai bien verifié la casse, il n y a aucun souci la dessus .

voici le lien de ma page :

http://www.fotoc.fr/portfolio.php

comme vous pouvez le voir, la partie photo site internet s 'affiche correctement, mais aucune image apparait dans reportage photo alors qu'en local elles apparaissent bien.

Notez aussi que lorsque vous cliquez sur une image de la partie site internet , la gallerie javascript apparait avec la totalite des photos elles sont donc bien la mais n'apparaissent pas.

Sinon j'ai fais un test sur safari et je vois des points d'interogation dedans a la place de mes images , images qui n'apparaissent pas sur firefox ni sur IE.
18/11/2009, 09h35
andry.aime

Re,
Je suis allé voir le site. En regardant le code source, il n'y a pas d'ouverture de la balise body.
On peut voir le code css concerné?
18/11/2009, 09h39
Bisûnûrs

Sinon, question con (mais pas anodine) :

As-tu bien uploadé tes images ? Sont-elles sur le serveur ?

Parce que personnellement quand j'essaie de les afficher j'ai :

Citation:

Not Found

The requested URL /media/frame-011.jpg was not found on this server.

Citation:

Envoyé par andry.aime

Re,
Je suis allé voir le site. En regardant le code source, il n'y a pas d'ouverture de la balise body.
On peut voir le code css concerné?

voici le code CCS pour la balise body j ai rectifie ca ne change rien.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 h4 { text-decoration:blink; } a img { border:none; } #menu li { display:inline; } #menu li a img { width: 100px; height: 26px; } #menu li a img.banniere { width: 160px; height: 53px; } body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-image:url(hebus_249238_800x600.jpg); color:#FFFFFF; width:100%; } #CONTENEUR5 { margin-left: 5%; margin-right:5%; width:90%; height:auto; background-color:#000000; } #contenu3 { width:90%; height:850px; } #texte3 { text-align:center; margin-top:5%; float:left; margin-left:5%; width:100%; height:auto; background-color:#009933; } #image3 { width:100%; margin-left:5%; margin-top:10%; text-align:center; float:left; background-color:#009933; } #footer { text-align:center; font-size:10px; }

18/11/2009, 11h34
andry.aime

Ben oui Bisûnûrs, les images n'existe pas sur le serveur, l'erreur vient surement de là :ave:;
Vérifie le avec ton FTP aquafafa.