[jquery] besoin d'aide, problème affichage de vignette

[psybulle]

Bonjour tout le monde,

Pour ce qui est de ma présentation je la ferais un peu plus tard.

Pour l'instant j'ai besoin d'aide plus ou moins urgente.

Je ne sais pas pourquoi les vignettes de mon slideshow Jquery ne s'affichent pas en ligne alors qu'en local tout fonctionne parfaitement. :-/

J'ai tester avec chrome opera safari IE et firefox mais le problème est le même pour tous sauf pour firefox qui lui ne m'affiche vraiment rien du tout. En fait sur les autres j'ai soit un point d’interrogation soit le mot image en lien ou je ne sais quoi d'autre... Par contre quand je clic dessus, le slideshow fonctionne normalement. Vraiment bizarre.

J'ai analysé avec chrome et ça me met l'erreur 404 image introuvable. Sur firefox firebug ne fonctionne plus je ne sais pas pourquoi mais sans doute qu'il m'aurait dit la même chose.

Si vous voulez voir le site c'est ici: http://recidiv-x.com/marchandises.html

Alors si quelqu'un peut m'aider et je suis sûr que oui alors j'en serais très content !

Merci d'avance !

[ph.gras]

Je pense que c'est juste le chemin vers les images
qui est faux dans ton script PHP. Rien de vraiment

Code: Tout sélectionner

   <table class="tablemarchandises" cellpadding="10">
       <tr>
           <td colspan=2 align="center">
            <a class="fancybox-button2" rel="fancybox-button" href="images/EP-4_Titres5Euro.JPG"><img src="images/EPvignette.JPG" /></a>
            </td>
        </tr>
        <tr>
            <td>
            <a class="fancybox-button2" rel="fancybox-button" href="images/T-Shirts10Euro.JPG"><img src="images/T-Shirts10Eurovignette.JPG" /></a>
            </td>
            <td>
            <a class="fancybox-button2" rel="fancybox-button" href="images/T-ShirtsM-L-XL.JPG"><img src="images/T-ShirtsM-L-XLvignette.JPG" /></a>
            </td>
        </tr>
        <tr>
           <td>
            <a class="fancybox-button2" rel="fancybox-button" href="images/Tasses-Logo6Euro.JPG"><img src="images/Tasses-Logo6Eurovignette.JPG" /></a>
            </td>
            <td>
            <a class="fancybox-button2" rel="fancybox-button" href="images/Tapis-PC6Euro.JPG"><img src="images/Tapis-PC6Eurovignette.JPG" /></a>
            </td>
        </tr>
    </table>

… méchant !

[psybulle]

Et non, si c'était si simple...
Toutes les images sont dans le même dossier donc peu de chance d'erreur dans ce cas. Y a pas non plus d'erreur dans les noms de fichier.
Je ne comprends vraiment pas et surtout comme je l'ai dis ça fonctionne très bien en local sur mon ordi.

Merci quand même.

[Galdon]

C'est parce que les noms de fichiers ne sont pas bons dans ton code HTML.

Je vois ça :

Code: Tout sélectionner

<a class="fancybox-button2" rel="fancybox-button" href="images/T-ShirtsM-L-XL.JPG"><img src="images/T-ShirtsM-L-XLvignette.JPG" /></a>

Or le fichier T-ShirtsM-L-XLvignette.JPG n'existe pas, par contre il y a un fichier T-ShirtsM-L-XLvignette.jpg : http://recidiv-x.com/images/T-ShirtsM-L-XLvignette.jpg.

Sur UNIX le système de fichier est sensible à la case, alors que sur windows non, ce qui explique que ça marche en local.

[psybulle]

La vache ! Moi qui ai plutôt un oeil de lynx en général. Je te tire mon chapeau !

Merci beaucoup Galdon !

[ph.gras]

Je profite de ce sujet pour poser une question incidente. Y a-t-il
moyen dans ce genre d'animation d'ôter complètement le HTML
dans le code source (ici, le tableau avec le chemin des images) ?

J'ai aussi une galerie à refaire, parce qu'il y a en plus les extraits
des articles disposés sur le diaporama, et tels qu'ils sont, ils sont
visibles dans le code source, créant des doublons pour les robots
des moteurs de recherche, voire un masque empêchant leur crawl.

Pour le moment, j'ai mis tout ça en bas de page, puis remonté en
haut avec une petite astuce CSS, mais ce n'est pas optimal comme
solution, parce qu'on voit les images remonter du bas de l'écran au
moment où la page se charge pour la première fois. Je souhaiterais
donc stocker le script PHP ailleurs, et l'appeler avec jQuery.

[Galdon]

Si tu vire le code HTML, tu supprime aussi les éléments correspondants dans le rendu de la page.

Je ne comprends pas le problème avec les extraits, si c'est juste une ou deux phrases je ne crois pas que tu prendra des pénalités par Google pour duplicate content, c'est quand même pas la gestapo ^^.

parce qu'on voit les images remonter du bas de l'écran au moment où la page se charge pour la première fois

C'est parce qu'il y a un petit laps de temps entre le moment ou le navigateur affiche le rendu de la page, et le moment ou il exécute le javascript.

Pour éviter ça, tu peux mettre le diapo dans un div en display none, et ensuite tu remets la valeur à display block en Javascript.

[ph.gras]

Pour éviter ça, tu peux mettre le diapo dans un div en display none, et ensuite tu remets la valeur à display block en Javascript.

Je pensais à un appel du type de celui du tuto Ajax.
Ajax, ça nettoie tout ! Même les vitres. Alors…

Si tu vires le code HTML, tu supprimes aussi les éléments correspondants dans le rendu de la page.

Nan, paske je vais me refaire choper par la Gestapo. Et ça, c'est pô cool.