Probleme affichage images dans index et posts

Eléphanteau du PHP | 18 Messages

26 sept. 2010, 20:37

Bonjour,
Je galère depuis 2 jours sur l'affichage d'images. Pouvez-vous m'aider à avancer ?

J'utilise wordpress 3.0.1 et le theme Bold dont voici la demo : http://www.elegantthemes.com/preview/Bold/

Comme vous le voyez, sur la page d'index de la demo, des miniatures (en 85px par 85 px) que je nommerais Featured (En une) sont visibles dans les 2 posts du haut, mais aussi pour tous les autres posts situés en dessous.
En cliquant sur le lien de l'un des posts, qu'il soit en Featured ou listé en dessous, on arrive sur des pages où les images doivent apparaitre cette fois en 200px par 200px. Soit plus grandes et en taille réelle.

Maintenant mon BIG Problème.
Sur ma page d'index, les images n'apparaissent pas du tout.
Idem dans les post.

J'utilises les Champs Personnalisés pour insérer des images dans les posts, avec pour Nom : Thumbnail ; et pour Valeur : http://monsite.com/wp-content/uploads/imagexxx.jpg ...
Mais ça ne marche pas !
(Le background de l'image est bien visible à la bonne taille sur l'index et minuscule sur une page de post... mais au lieu d'avoir l'image par dessus ce background, j'ai une sorte de croix signifiant son absence).

Qu'est-ce qui cloche ?
J'ai cherché dans le code.... je ne trouve pas.
Toutes les images sont dans wp-content/uploads/... .jpg
Elles sont en CHMOD777.

Merci de m'aider, si vous savez.

Ps : si ça peut avoir une incidence sur la résolution, quelques lignes de code qui sont en lien avec ces Thumbnails.

La page d'index :

Code : Tout sélectionner

<?php get_header(); ?> <?php global $options; foreach ($options as $value) { if (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_settings( $value['id'] ); } } ?> <div id="content"> <img src="<?php bloginfo('stylesheet_directory'); ?>/images/content-top.gif" alt="top" style="float: left;" /> <div id="left-div"> <?php if (get_option('artsee_format') == 'Blog Style') { ?> <?php include(TEMPLATEPATH . '/includes/blogstyle.php'); ?> <?php } else { include(TEMPLATEPATH . '/includes/defaultindex.php'); } ?> </div> <?php get_sidebar(); ?> <?php get_footer(); ?> </body> </html>
La page Defaultindex du dossier includes qui lui est liée :

Code : Tout sélectionner

<!--Begind recent post--> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <div class="cat-post-wrap"> <span class="post-info"> <span class="post-date"> <?php the_time('j M Y') ?> </span> <span class="post-author"> Post&#233; par <strong><?php the_author() ?></strong> </span> </span> <div style="clear: both;"></div> <h2 class="post-title-2"><a href="<?php the_permalink() ?>" title="Lien Permanent vers <?php the_title(); ?>"> <?php the_title() ?> </a></h2> <div style="clear: both;"></div> <?php $thumb = get_post_meta($post->ID, 'Thumbnail', $single = true);?> <?php if($thumb !== '') { ?> <div class="featured-thumb-wrapper"> <a href="<?php the_permalink() ?>" title="Lien Permanent vers <?php the_title(); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $thumb; ?>&h=85&w=85&zc=1" alt="<?php if($thumb_alt !== '') { echo $thumb_alt; } else { echo the_title(); } ?>" class="featured-thumb" /></a> </div> <?php } else { echo ''; } ?> <?php the_content_limit(400, ""); ?> <a href="<?php the_permalink() ?>" rel="bookmark" class="readmore" title="Lien Permanent vers <?php the_title(); ?>"> continuer </a> <div style="clear: both;"></div> </div> etc ...
Et enfin, la page Blogstyle, toujours dans le dossier includes :

Code : Tout sélectionner

<?php get_header(); ?> <?php global $options; foreach ($options as $value) { if (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_settings( $value['id'] ); } } ?> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <div class="single-post-wrap"> <span class="post-info-single"> <span class="post-date"> <?php the_time('j M Y') ?> </span> <span class="post-author"> Post&#233; par <strong><?php the_author() ?></strong> dans <strong><?php the_category(', ') ?></strong> </span> </span> <div style="clear: both;"></div> <h2 class="post-title"><a href="<?php the_permalink() ?>" title="Lien Permanent vers <?php the_title(); ?>"> <?php the_title() ?> </a></h2> <div style="clear: both;"></div> <?php if (get_option('artsee_thumbnails') == 'Hide') { ?> <?php { echo ''; } ?> <?php } else { include(TEMPLATEPATH . '/includes/thumbnail.php'); } ?> <?php the_content(); ?> <?php the_content(); ?> <?php if (get_option('artsee_foursixeight') == 'Enable') { ?> <?php include(TEMPLATEPATH . '/includes/468x60.php'); ?> <?php } else { echo ''; } ?> </div> etc...
Thx.
Modifié en dernier par chrisdz le 27 sept. 2010, 14:06, modifié 1 fois.

ViPHP
ViPHP | 5462 Messages

26 sept. 2010, 20:38

regarde avec firebug ou il va chercher les images

ViPHP
xTG
ViPHP | 7331 Messages

26 sept. 2010, 20:40

Vides ton cache, je vois toutes les images pour ma part. Aucune croix rouge.

Edit: au temps pour moi. :)
Modifié en dernier par xTG le 26 sept. 2010, 20:43, modifié 1 fois.

ViPHP
ViPHP | 5462 Messages

26 sept. 2010, 20:41

Vides ton cache, je vois toutes les images pour ma part. Aucune croix rouge.
c'est la demo ca

Eléphanteau du PHP | 18 Messages

26 sept. 2010, 20:47

Stealth35 : Merci pour la rapidité. Mais c'est quoi Firebug ? Un plugin ??
xTG : En effet, c'est la demo. Là ça fonctionne. :)

Eléphanteau du PHP | 18 Messages

26 sept. 2010, 21:15

J'ai trouvé et installé Firebug.

En cherchant un peu, dans le code l'image Featured apparait sous cette forme :

Code : Tout sélectionner

<img class="featured-thumb" alt="" src="http://monsite.com/wp-content/themes/Bold/timthumb.php?src=http://monsite.com/wp-content/uploads/image01.jpg&h=85&w=85&zc=1"></a>
La destination semble être la même que celle renseignée dans les champs personnalisés, non ?

Mais, cela ne m'avance pas beaucoup.

ViPHP
ViPHP | 5462 Messages

26 sept. 2010, 21:40

va dans l'onget reseau si c'est en rouge c'est que y'a un soucis

Eléphanteau du PHP | 18 Messages

26 sept. 2010, 21:56

J'ai réactualisé "réseau" ;) , rien en rouge.

Sinon, sous firefox, les images sont absentes. Et sous IE, elles le sont aussi, la différence, c'est qu'il y a là une croix rouge.
Quelque soit le navigateur, j'ai pas d'image qui apparait. Que son background (on en voit un bout d'ailleurs sur la page de démo : chaque image à une bordure qui est en fait une partie de ce background marron. La photo fait 85x85, son background doit faire à vue d'oeil à peu près 90x90 - à x pixels près.

Bref. Toujours rien en vue.
Je me demande si le probleme ne vient pas du theme. Une ligne de code à ajouter peut-être qq part ?
Ou alors, dans wp, de l'action "Mettre une image à la une" ?
Là, j'ai essayé aussi...
Une seconde image apparait alors dans la page du post, mais à droite de la zone où elle devrait être... sans background ni bordure.
Enfin, cette seconde image, n'apparait pas sur la page d'index.

Rageant quoi ! RRRRrrr... !!
Merci pour l'aide en tout cas.
Keep searching.
Modifié en dernier par chrisdz le 26 sept. 2010, 22:17, modifié 5 fois.

ViPHP
ViPHP | 5462 Messages

26 sept. 2010, 22:06

enfaite faut cliquer sur réseau et ensuite actualiser ta page :wink:

Eléphanteau du PHP | 18 Messages

26 sept. 2010, 22:13

On fait ce qu'on peut ;)

J'ai une série de données, Host, user-agent ... tout semble ok.

Une autre piste peut-être ?

Eléphanteau du PHP | 18 Messages

27 sept. 2010, 14:10

:priere:
Personne pour m'aider ?
:cry:

ViPHP
xTG
ViPHP | 7331 Messages

27 sept. 2010, 16:15

Tu ne nous a pas dit si les images apparaissaient dans le listing Reseau.

Eléphanteau du PHP | 18 Messages

27 sept. 2010, 19:50

L'image apparait 2 fois à la suite dans le listing
Donc 2 x "GET timthumb.php?src=http://" (on ne voit pas la suite...), mais quand je passe la sourie sur cette ligne, j'obtiens ça :

"http://monsite.com/wp-content/themes/Bo ... &w=85&zc=1"

Et à côté de ces 2 lignes : Statut =200ko OK pour les 2 lignes ; Poids : =19,7kb pour l'un et =20kb pour l'autre ; chronologie 5,73s pour la ligne 1 et 1,45s pour la ligne 2.

Je comprends rien, mais c'est ce qui est écrit. :oops:

Et il y a une ligne rouge au bout à droite, mais rien ne la dépasse en ce qui concerne la chronologie.
Modifié en dernier par chrisdz le 27 sept. 2010, 20:07, modifié 1 fois.

ViPHP
xTG
ViPHP | 7331 Messages

27 sept. 2010, 19:54

Cela signifie que les images ont été chargées et donc elles devraient être visibles.
Je n'ai malheureusement pas d'autres pistes à te proposer hormis taper dans l'url directement "http://monsite.com/wp-content/uploads/image01.jpg" et vérifier que l'image s'affiche.

Eléphanteau du PHP | 18 Messages

27 sept. 2010, 19:55

Ok, je vais essayer. Merci.

J'ai fait : l'image apparait en taille 200x200, sur fond blanc.

Il peut être où le problème ... mince alors. #-o

C'est la preuve que l'image est bien chargée sur mon site dans le bon dossier, à la taille réelle.
Mais toujours pas en minitaure sur la page d'index, et toujours pas en taille réelle sur la page de post.
La question demeure : où est-ce que je me plante ?