Galerie en Javascript

Bonjour à tous.

Encore un énième sujet sur les galeries en javascript. Néanmoins je suis vraiment bloqué. Je débute en javascript (je précise :lol: ).

J'ai une base de donnée qui contient : id, non, photo, commentaire, prix.

Sur ma page index.php j'affiche les images en miniature et au milieu j'ai l'image normal qui défile (image 1 à 9) :

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

i=1; NbMax=10; function voir() { if (i<=NbMax) { a = document.images[i].src; document.getElementById('imgDef').innerHTML = "<img src='"+a+"' alt='' name='centre' />"; Defil = setTimeout('voir()',3000); i++; } else { i=1; a = document.images[i].src; document.getElementById('imgDef').innerHTML = "<img src='"+a+"' alt='' name='centre' onmouseover='stop()' />"; Defil = setTimeout('voir()',3000); i++; } }   function stop() { clearInterval(Defil); }   function relance() { Defil = setTimeout('voir()',3000); }

---

Pour la compréhension je rajoute le code php :

Code:

---

1 2	echo "<div id='imgDef' onmouseover='stop()' onmouseout='relance()'>"; echo "</div>";

---

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

$sql=mysql_query("SELECT * FROM selection ORDER BY numeroImage");         echo "<div id=\"colonne1\">"; while ($data=mysql_fetch_array($sql)) { $photo=$data['photo']; $numImage=$data['numeroImage']; $commentaire=$data['commentaire'];   $taille = getimagesize($photo); $width = $taille[0]; $height = $taille[1];     $width_redim = $width/4; $height_redim = $height/4;   if ($numImage<4) { echo "<div id=\"img".$numImage."\">"; echo "<img src=\"$photo\" name='".$numImage."' class='image".$numImage."' width=\"$width_redim\" height=\"$height_redim\" />"; echo "</div>";   } } echo "</div>";

---

Jusque là pas de problème.

Mais j'aimerai que sur l'image du milieu (la grande donc), apparaisse le commentaire et le prix que j'ai dans ma base de donnée. Et là c'est le drame.

Je sais pas si je m'y prends comme il le faut. Je vous demande donc des conseils.

Merci d'avance.

sois tu loads, toutes les propriétées de tes images , mais ça risque d'être lourd si tu as bc d'images ...
sois en ajax et la je te laisse faire une recherche sur le forum

J'arrête pas de regarder, mais je trouve pas mon bonheur. Je sais surtout pas trop quoi chercher.

Tu génères avec PHP un code JavaScript qui définit 1 tableau qui contient le prix et le commentaire de chaque image, avec éventuellement l'index pour retrouver les infos avec les images de ta page. Quand tu affiches ton image au milieu, ton code JavaScript va lire ce tableau pour récupérer les données qui vont bien.

Autre solution : à chaque image qui s'affiche au milieu, tu utilises Ajax pour faire une requête sur une page PHP et récupérer le prix et le commentaire de l'image.