Affichage de photos

Bonjour,

j'ai un problème pour la mise en forme de l'affichage de photos. je stocke les liens des photos dans ma base.Lorsque j'affiche mes photos, j'utilise un tableau mais toutes les photos restent sur la même ligne. J'aurais aimé spécifier le nombre de photos par ligne ou alors empêcher les photos qui nécessitent un scrollbar horizontal restent sur la même ligne.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

echo'<table border="1" bgcolor=grey>'; echo'<tr>'; $retour = requete_sql('SELECT id_photo,nom_photo,url FROM PHOTO GROUP BY id_photo DESC'); while ($donnees = mysql_fetch_array($retour)) // On fait une boucle pour lister les photos { $nom=($donnees['nom_photo']); $url=$donnees['url'];   echo"<td><a href=../../".$url."><img title=\"$nom\" height=75 width=75 src=../../".$url." /></a>"; echo'</td>';   echo'</tr>'; echo'</table>';

---

salut,
<tr></tr> permettent de délimiter une ligne dans un tableau html
<td></td> permettent de délimiter une cellule dans un ligne.

Donc en fait, dans ta boucle while, il faut que tu inséres des <tr> à intervalle régulier (par exemple tous les 5 itérations si tu veux 5 photos sur la même ligne) pour créer une nouvelle ligne.

Salut,

Juste un indice car on ne va pas de donner la solution tout de suite.
En général pour faire ça on utilise le signe modulo (signe : %)

Donc reprenant les éléments de julien.63 cela donne :

Code:

---

1 2 3 4

if ( $i % 5 == 0 ) { .... }

---

Bien sur il te faut une variable i qui s'incrémente au fur et à mesure dans ta boucle while.

J'ai fait ce que vous m'avez tous les deux expliqué, cela fonctionne à peu près. Dans le cas présent j'affiche normalement 5 photos sur une ligne, mais à l'affichage j'ai 4 photos sur la même ligne et la dernière photo juste en dessous.
Exemple :
Photo 1 Photo 2 Photo 3 Photo 4
Photo 5
Photo 1 Photo 2 Photo 3 Photo 4
Photo 5
etc.

J'ai essayé de faire varier le nombre de photos à 10 par exemple, même résultat (9 photos sur la même ligne et la dernière juste en dessous).

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

echo'<table border="1" bgcolor=grey>';   $retour = requete_sql('SELECT id_photo,nom_photo,url FROM PHOTO GROUP BY id_photo DESC'); $i=0; while ($donnees = mysql_fetch_array($retour)) // On fait une boucle pour lister les photos { $nom=($donnees['nom_photo']); $url=$donnees['url'];   $i++; if (($i % 5) == 0) { echo'<tr>'; } echo"<td><a href=../../".$url."><img title=\"$nom\" height=75 width=75 src=../../".$url." /></a>"; echo'</td>'; if (($i % 5) == 0) { echo'</tr>'; } } echo'</table>';

---

salut,
voici, ce que je ferais (y'a sûrement d'autres solutions plus élégantes ;))

Code:

---

1 2 3 4 5 6 7 8 9 10

<?php   echo '<table border="1"><tr>'; for ($i = 0 ; $i < 20; $i++){ if ($i%5 == 0) echo '</tr><tr>'; echo '<td>'.$i.'</td>'; } echo '</tr></table>'   ?>

---

J'ai mis en place ce tu m'as conseillé mais en fait une image est répétée plusieurs fois à cause de la boucle for.Parce que tu si tu regardes mon code je fais déjà une boucle while pour pouvoir récupérer toutes les photos de ma base.Par contre j'ai bien à chaque fois 5 photos sur une ligne.
exemple avec ton code :
Photo 1 Photo 1 Photo 1 Photo 1 Photo1
Photo 1 Photo 1 Photo 1 Photo 1 Photo1
jusqu'à la 5eme ligne Photo 1 puis photo 2 etc.

j'ai enlevé cette portion de code de la boucle for,mais si je le fais toutes les photos s'affichent les unes derrière les autres verticalement.

Code:

---

1 2 3

echo"<td><a href=../../".$url."><img title=\"$nom\" height=75 width=75 src=../../".$url." /></a>"; echo'</td>';

---

essaye avec ce code:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

$retour = requete_sql('SELECT id_photo,nom_photo,url FROM PHOTO GROUP BY id_photo DESC'); $i=0; echo'<table border="1" bgcolor=grey><tr>'; while ($donnees = mysql_fetch_array($retour)) // On fait une boucle pour lister les photos { $nom=($donnees['nom_photo']); $url=$donnees['url']; $i++; if (($i % 5) == 0){ echo'</tr><tr>'; } echo"<td><a href=../../".$url."><img title=\"$nom\" height=75 width=75 src=../../".$url." /></a>"; echo'</td>'; } echo'</tr></table>';

---

C'est presque parfait ! Pour une raison inconnue, seulement sur la première ligne il y a 4 photos qui s'affichent et sur les autres lignes il y a bien 5 photos.J'ai rajouté d'autres photos, j'ai essayé un modulo 10 ben toujours le même résultat 9 photos sur la première ligne et 10 photos sur les autres lignes.
C'est hallucinant ! En plus, sur la première ligne il affiche les 4 photos + le cadre de la 5ème sans photo.

en fait c'est à cause du modulo.
essaye avec $i=-1; au lieu de $i=0;

enfin ça marche bien. merci beaucoup pour ton aide julien !