Je travail actuellement pour refaire le design de mon site web propulsé par wordpress.
Je me suis dit qu'il serait bon de créer une espèce de slideshow, et j'en ai trouvé un vraiment simple avec du code HTML et du code CSS

J'ai 4 images du côté gauche et une image qui se forme sur le côté droit lorsque la souris passe sur une des 4 précédentes images. Voilà le shéma :

- image 1 - image 2 - Grande IMAGE (1, 2, 3 ou 4)
- image 3 - image 4 - GRANDE IMAGE (1, 2, 3 ou 4)

Voilà mon code :

__________________________________________________
__________
<?php
global $post;
$myposts = get_posts('numberposts=4&offset=0');
foreach($myposts as $post) :
setup_postdata($post);
?>

<div id="gallery">
<em id="thumbs">
<a href="<?php the_permalink(); ?>">
<img
src="http://img10.hostingpics.net/pics/2858184game
s.png" title="<?php the_title(); ?>" alt=""></a>
<a href="#nogo">
<img
src="http://img7.hostingpics.net/pics/135883God_of
_War_III.jpg" title="" alt=""></a>
<a href="#nogo">
<img
src="http://img7.hostingpics.net/pics/277868God_of
_War_III_image_2.jpg" title="" alt=""></a>
<a href="#nogo">
<img
src="http://img7.hostingpics.net/pics/241136GodOfW
arIII_PS3_Ed001.jpg" title="" alt=""></a>
</em>
</div>

<?php endforeach; ?>

</div>

owned by tab

Maintenant j'aimerais que mes 4 images affichent les liens de mes 4 articles. Le problème, c'est que le premier lien me créé 4 slideshows différents. Et moi j'en voudrais seulement 1. Mais je ne vois absolument pas comment faire.
Pourriez vous m'aider

Je ne suis pas sûr que vous allez comprendre, je me suis empressé de faire ce message afin qu'il colle avec le premier. Pour que personne ne me dise : ou est la question

Je n'ai pas du tout testé, mais tu devrais avoir un début de base intéressante là : http://wall.deblan.fr/x1f23/php/1/

(par contre, faudra un traducteur pour le commentaire de merde que j'ai fais ><)

Ça fonctionne. Dis donc faut être un dieu pour savoir faire ça. Bon ok je m'y connais pas trop en PHP mais quand même !
beaucoup !

Par contre j'aurais un seul soucis. Il doit y avoir une balise mal fermé je ne sais pas ou, parce que les autres parties de mon site contenant la balise <p> se retrouve affecté par le "header p { ... }". Je ne comprend pas vraiment pourquoi.

Si ce problème est résolu, j'aurais une dernière question. Comment faire pour que la première "grande" image soit affichée sans que l'on passe la souris sur la petite image.

PS : pour la présentation de mon post, je n'en reviens même pas que deepblue ait compris. En voulant faire vite je n'ai pas trop espacé la zone de code ce qui aurait amélioré la compréhension. J'aurais aussi dû mieux détailler je pense.

du double post. Je voulais vous informer j'ai trouvé ce qui clochait. Il y a simplement eu un problème de balise pas fermée Mais ce n'était pas dans le codage de deepblue, c'était moi qui avait touché à quelque chose.
Voilà si quelqu'un veut bien répondre à ma deuxième question

pour le triple post.
Je viens de penser à autre chose. Pour le moment, en image, j'ai mis un truc au hasard histoire de faire un texte. Maintenant j'aimerais que l'image soit la première trouvée dans l'article.
Heureusement, j'ai une fonction :
<?php echo catch_that_image() ?>
Elle me sert sur l'index, pour montrer un extrait d'article et la première image de chacun des billets.
Je pense qu'il va falloir se servir de cette fonction pour qu'elle aille chercher l'image et me le mette dans le slideshow. J'ai essayé pas mal de combinaisons mais je n'ai pas encore trouvé la solution. Pourriez vous m'aider s'il vous plait ? Merci

tu peux donner le site ou tu as trouvé ton slideshow ?

deepblue Euh... il me semble l'avoir trouvé sur google totalement par hasard. Donc ça va être difficile. De plus, il me semble que c'était du type de ce que tu m'as mis comme lien. C'est à dire, une genre de page pour faire ressortir le code.

PS : si jamais tu connais un autre slideshow, même s'il est livré avec du js, je suis preneur

Bon, on va ruser. Tu vas sur ta page, tu lui fais afficher la grande image puis tu vas dans ta barre d'url et tu tape : javascript:prompt("", document.getElementById('gallery').innerHTML );
Puis tu fais un copié/collé ici

Voilà ce que ça m'a donné :

<em id="thumbs"> <a href="http://localhost/wordpress/?p=91"> <img
src="http://img7.hostingpics.net/pics/135883God_of
_War_III.jpg" alt="saut de ligne" title="saut de ligne"> </a> <a href="http://localhost/wordpress/?p=88"> <img
src="http://img7.hostingpics.net/pics/135883God_of
_War_III.jpg" alt="test nav 12" title="test nav 12"> </a> <a href="http://localhost/wordpress/?p=86"> <img
src="http://img7.hostingpics.net/pics/135883God_of
_War_III.jpg" alt="test nav 11" title="test nav 11"> </a> <a href="http://localhost/wordpress/?p=84"> <img
src="http://img7.hostingpics.net/pics/135883God_of
_War_III.jpg" alt="test nav 10" title="test nav 10"> </a> </em>