Shadowbox charge sans fin… et l’image n’apparaît jamais !...

le Dim 28 Aoû 2011 08:41

Bonjour / Bonsoir à tous,

Préambule : J'ai posté ce message dans ce qui me semble être la meilleure catégorie... mais je n'en suis pas sûr !
Shadowbox est un javascript, mais comme j'ai déjà réussi à faire fonctionner ce programme et que je ne connais presque rien en programmation javascript.
je me dis que ce doit être un soucis d'html...

Je vous écris car j’ai un petit problème avec shadowbox.
Ce petit programme / plug in / je-ne-sais-quoi qui permet (grosso-modo) d’agrandir une photo quand on clique sur une miniature.

Je l’utilise sur cette page :

http://www.mecaniquedelinstant.com/spec ... hotos.html

En local, tout se passe normalement. L’image agrandie se charge bien quand je clique sur la miniature.
Mais une fois en ligne, et que je me rends fièrement sur internet pour voir ce que ça donne, le problème survient !
Lorsque je clique sur n’importe quelle miniature de la première partie des photos, le petit carré noir arrive… et charge infiniment.
En revanche, dans la 2ème partie (« Répétitions »), les photos se chargent normalement.

Je ne comprends pas pourquoi ?!
J’ai vérifié sur le serveur : les photos agrandies s’y trouvent bel & bien !

J’ai déjà créé une autre page, où le module shadowbox fonctionne parfaitement :
http://www.mecaniquedelinstant.com/spec ... hotos.html

Je m’attèle à la conception de site depuis le mois de Juillet 2011 – c’est vous dire si je suis un expert !
Ce n’est, à l’origine, absolument pas mon domaine de compétence : je suis comédien !…
J’utilise Dreamweaver.
Donc, je n’ai pas vraiment de connaissance en programmation.
Cependant, aller taper et rechercher des trucs dans le code ne me fait pas peur.
En outre, je suis tout à fait partant pour apprendre !

Voilà… Quelqu’un a-t-il une idée ?
Merci d’avance…

Le Glauque



leGlauque
Like Rank Total : 1    
Débutant
 
Messages : 9
Inscription : Dim 28 Aoû 2011 08:32







    
 

le Dim 28 Aoû 2011 09:05

Salut,

Sur le 1ere lien seulement quelques image s'ouvrent
Sur le 2ème lien tout fonctionne
Donc visiblement rien a voir avec le html
Vérifie peut-être que tes images qui ne s'ouvrent pas ne sont pas d'une dimension trop importante ou trop lourdes à charger

++

Tae


6 crédits nécessaire (1 ligne(s) + 3 Lien(s) en signature + 0 profil WWW + 0 mise(s) en forme)
Vous avez seulement 4 crédits de disponible :(
Vérifiez les nouvelles rêgles des signatures du forum, SVP

taeky    
Actif
 
Messages : 656
Inscription : Jeu 6 Mai 2010 08:08

le Dim 28 Aoû 2011 09:25

En fait, sur la 1ère page, il y a 2 parties.
Sur celle du haut, à part la 1 et la 3, aucunes photos se chargent.

Sur la 2ème partie, celle du bas de la page, elles se chargent toutes.

Et les dimensions des images sont toutes équivalentes.

Celles qui s'ouvrent ne sont pas moins lourdes que les autres.

Je n'y comprends rien !...



leGlauque
Like Rank Total : 1    
Débutant
 
Messages : 9
Inscription : Dim 28 Aoû 2011 08:32

le Dim 28 Aoû 2011 09:47

en y regardant d'un peu plus Firefox m'indique une erreur:
Code: Tout sélectionner
"NetworkError: 404 Not Found - http://www.mecaniquedelinstant.com/spectacles/shadowbox.js"

Le problème vient de là. Apparement tu appel ton script "shadowbox.js de différents endroits!


6 crédits nécessaire (1 ligne(s) + 3 Lien(s) en signature + 0 profil WWW + 0 mise(s) en forme)
Vous avez seulement 4 crédits de disponible :(
Vérifiez les nouvelles rêgles des signatures du forum, SVP

taeky    
Actif
 
Messages : 656
Inscription : Jeu 6 Mai 2010 08:08

le Dim 28 Aoû 2011 09:55

taeky a écrit:en y regardant d'un peu plus Firefox m'indique une erreur:
Code: Tout sélectionner
"NetworkError: 404 Not Found - http://www.mecaniquedelinstant.com/spectacles/shadowbox.js"

Le problème vient de là. Apparement tu appel ton script "shadowbox.js de différents endroits!


Mais.. je parcours la page sans cesse et je ne trouve pas cette "ligne d'appel" ! :'(
Effectivement, quand je demande à ouvrir une photo qui ne charge pas dans un nouvel onglet, il m'envoie vers ma page d'erreur...
Comment pusi-je le modifier ?!...



leGlauque
Like Rank Total : 1    
Débutant
 
Messages : 9
Inscription : Dim 28 Aoû 2011 08:32

le Dim 28 Aoû 2011 10:52

Tu les as entre les balises <head> et </head>.
Essayes de mettre l'url complète au lieux de src="shadowbox.js"> par exemple pour tester.


6 crédits nécessaire (1 ligne(s) + 3 Lien(s) en signature + 0 profil WWW + 0 mise(s) en forme)
Vous avez seulement 4 crédits de disponible :(
Vérifiez les nouvelles rêgles des signatures du forum, SVP

taeky    
Actif
 
Messages : 656
Inscription : Jeu 6 Mai 2010 08:08

le Dim 28 Aoû 2011 14:23

Je ne trouve pas :
http://www.mecaniquedelinstant.com/spec ... adowbox.js
inscrite dans le head de la page...

Ce qu'il y a dans le head relatif à Shadow box, c'est :

<link rel="stylesheet" type="text/css" href="../scripts/shadowbox/shadowbox.css">

<script type="text/javascript" src="../scripts/shadowbox/shadowbox.js"></script>

</script>
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>

Voilà...

Ensuite, je veux bien changer src="shadowbox.js"
Mais je ne comprends pas pourquoi ça marche avec l'autre Page
http://www.mecaniquedelinstant.com/spec ... hotos.html
Mais pas sur celle ci...



leGlauque
Like Rank Total : 1    
Débutant
 
Messages : 9
Inscription : Dim 28 Aoû 2011 08:32

le Dim 28 Aoû 2011 14:54

Effectivement ça marche sur la 2ème page et quelques une sur la 1ère, pourtant l'erreur 404 est bien présente sur les 2 pages.
Recherche dans la totalité de tes fichiers quelques sont ceux qui contiennent shadowbox.js, ça te permettra certainement de trouvé ce qui cloche.


6 crédits nécessaire (1 ligne(s) + 3 Lien(s) en signature + 0 profil WWW + 0 mise(s) en forme)
Vous avez seulement 4 crédits de disponible :(
Vérifiez les nouvelles rêgles des signatures du forum, SVP

taeky    
Actif
 
Messages : 656
Inscription : Jeu 6 Mai 2010 08:08

le Dim 28 Aoû 2011 17:02

Il y a aussi des erreurs 404 sur la 2ème page ?
Celle de Vertiges de Vie, qui est sensée marcher comme il faut ?!
Mince alors ?!
Il faut que je cherche toutes mes miniatures qui ont un rel="shadowbox" ?
Je ne comprends pas pourquoi, alors que le code est similaire, il fonctionne pour une image et pas pour uen autre ?



leGlauque
Like Rank Total : 1    
Débutant
 
Messages : 9
Inscription : Dim 28 Aoû 2011 08:32

le Dim 28 Aoû 2011 17:59

salut
tu as 2 appels au script 'shadowbox.js'
Code: Tout sélectionner
<script type="text/javascript" src="../scripts/shadowbox/shadowbox.js"></script>

et
Code: Tout sélectionner
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>

le deuxieme appel provoque le 404 (c'est lui le http://www.mecaniquedelinstant.com/spec ... adowbox.js)
enlève le premier et corrige le chemin sur le 2eme
si ça marche toujours; pas vérifie que tes images ont bien été uploadées (taille de fichier a 0, fichiers corrompus) ou re-upload les images qui ne fonctionnent pas.


stage de pilotage sur Ferrari, Porsche, Lamborghini...

Avatar de l’utilisateur   
neodertal
Like Rank Total : 1    
Actif
 
Messages : 168
Inscription : Mer 22 Juin 2011 15:42

le Dim 28 Aoû 2011 23:20

Et bien voilà la solution au problème…

C’est tellement simple que j’en ressens à la fois de la honte, mais aussi un peu d’énervement, parce que ça n’était pas visible tout de suite…

L’extension des images qui ne se chargeaient pas était .JPG alors que la référence dans le lien était .jpg…

Les photos renommées, elles se chargent désormais tout à fait normalement…

Je savais que Javascript était sensible au différence de majuscules. Mais les photos elles-mêmes étant dans un autre répertoire (et l’extension étant cachée), ça ne m’a pas sauté aux yeux.

Je continue mon humble route sur le chemin de l’apprentissage…

Voilà, voilà…

Merci à tous pour votre attention et vos réponses.



Le Glauque



leGlauque
Like Rank Total : 1    
Débutant
 
Messages : 9
Inscription : Dim 28 Aoû 2011 08:32

le Dim 28 Aoû 2011 23:58

Tant mieux si t'a trouvé ton problème de chargement des images :)
Mais t'a toujours une 404 générée cet appel:
Code: Tout sélectionner
"NetworkError: 404 Not Found - http://www.mecaniquedelinstant.com/spectacles/shadowbox.js"


6 crédits nécessaire (1 ligne(s) + 3 Lien(s) en signature + 0 profil WWW + 0 mise(s) en forme)
Vous avez seulement 4 crédits de disponible :(
Vérifiez les nouvelles rêgles des signatures du forum, SVP

taeky    
Actif
 
Messages : 656
Inscription : Jeu 6 Mai 2010 08:08

le Lun 29 Aoû 2011 10:05

taeky a écrit:Tant mieux si t'a trouvé ton problème de chargement des images :)
Mais t'a toujours une 404 générée cet appel:
Code: Tout sélectionner
"NetworkError: 404 Not Found - http://www.mecaniquedelinstant.com/spectacles/shadowbox.js"


Alors là, je suis trop novice : je n'arrive pas à comprendre ce que ça signifie...
Elle est présente sur les deux pages ?
Sur celle ci ? :
http://www.mecaniquedelinstant.com/spec ... hotos.html
et sur celle ci ? :
http://www.mecaniquedelinstant.com/spec ... hotos.html

Elle veut dire quoi ?
Quand je vais sur le serveur, il n'y a pas de Shadowbox.js dans le répertoire spectacle.
Et je n'arrive pas à voir, dans le <head> une ligne où j'appelle un javascript dans le dossier spectacle...

Désolé d'être aussi à l'ouest...



leGlauque
Like Rank Total : 1    
Débutant
 
Messages : 9
Inscription : Dim 28 Aoû 2011 08:32

le Lun 29 Aoû 2011 10:13

leGlauque a écrit:Quand je vais sur le serveur, il n'y a pas de Shadowbox.js dans le répertoire spectacle.

C'est justement pour ça que tu as une erreur 404.
Ou tu supprimes l'appel de ce JS s'il ne sert a rien ou tu mets shadowbox.js dans le rep ./spectacle/


6 crédits nécessaire (1 ligne(s) + 3 Lien(s) en signature + 0 profil WWW + 0 mise(s) en forme)
Vous avez seulement 4 crédits de disponible :(
Vérifiez les nouvelles rêgles des signatures du forum, SVP

taeky    
Actif
 
Messages : 656
Inscription : Jeu 6 Mai 2010 08:08

le Lun 29 Aoû 2011 10:52

neodertal a écrit:tu as 2 appels au script 'shadowbox.js'
Code: Tout sélectionner
<script type="text/javascript" src="../scripts/shadowbox/shadowbox.js"></script>

et
Code: Tout sélectionner
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>

le deuxieme appel provoque le 404 (c'est lui le http://www.mecaniquedelinstant.com/spec ... adowbox.js)
enlève le premier et corrige le chemin sur le 2eme


Alors, effectivement, ils sont presque semblable... sauf cette ligne là :
Code: Tout sélectionner
Shadowbox.init();


Je pensais que le 1er appel "chargeait" le script,
et que le 2ème lui disait ce qu'il avait à faire.
Mais manifestement, j'ai tout faux...

Donc, si je conserve la 1ère ligne en écrivant ça :
Code: Tout sélectionner
<script type="text/javascript" src="../scripts/shadowbox/shadowbox.js"></script>
<script type="text/javascript">Shadowbox.init();</script>


Est-ce que ça fonctionne ?

Merci de ta patience...

[edit]
En même temps, la syntaxe exacte du 2ème appel, c'est :
Code: Tout sélectionner
</script>
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>

Le fait que les <script type="text/javascript" soient englobés dans une balise <script>, ça change pas quelque chose ?



leGlauque
Like Rank Total : 1    
Débutant
 
Messages : 9
Inscription : Dim 28 Aoû 2011 08:32

le Lun 29 Aoû 2011 14:47

leGlauque a écrit:Donc, si je conserve la 1ère ligne en écrivant ça :
Code: Tout sélectionner
<script type="text/javascript" src="../scripts/shadowbox/shadowbox.js"></script>
<script type="text/javascript">Shadowbox.init();</script>


Est-ce que ça fonctionne ?


oui en principe, ça devrait fonctionner


stage de pilotage sur Ferrari, Porsche, Lamborghini...

Avatar de l’utilisateur   
neodertal
Like Rank Total : 1    
Actif
 
Messages : 168
Inscription : Mer 22 Juin 2011 15:42







    
 

Retourner vers Développement d'un site web




Autres sujets proches :
PR qui a baissé sans raison apparente       11/02/2009
Avec ou sans accent circonflexe ?       04/11/2009
Le référencement en une image       12/07/2011
Toute votre SEO en 1 image       26/07/2011
REF image       20/08/2011
Duplicate Content - www - avec ou sans slash "/"       31/10/2011
référencement fiable sans google analytics       16/11/2011
NDD avec ou sans tiret ?       18/12/2011