Comment puis-je obtenir des images à afficher dans une rangée comme celle-ci en utilisant PHP et CSS?

Question

je voulais savoir comment puis-je afficher les images comme le sur dans l'image: je sais que je dois récupérer les images en utilisant une boucle while, mais ensuite les afficher comme ceci est le peu difficile, merci !! :))

Answer 1

Peut-être ceci:

<UL> 
    <LI CLASS="image"> 
    <IMG SRC="..." /> 
    </LI> 
    <LI CLASS="image"> 
    <IMG SRC="..." /> 
    </LI> 
    <LI CLASS="image"> 
    <IMG SRC="..." /> 
    </LI> 
</UL> 

Avec ce CSS:

.image { 
    display: inline; 
} 

Answer 2

Il est vraiment pas difficile, il vous suffit de sortie de PHP le code HTML de la table.

Voici un exemple rapide:

$imagenum=0; 
echo "<table>"; 
while($imagenum < $maximages){ 
    echo "<tr>"; 
    for ($i = 0; $i < 4; $i += 1) { 
    echo "<td>"; 
    if($imagenum < $maximages){ 
    echo "<img src='"; 
    echo get_url_of_my_image($imagenum); 
    echo "' >"; 
    } 
    echo "</td>"; 
    $image+=1; 
    } 
    echo "</tr>"; 
} 
echo "</table>"; 

Answer 3

Affichage de l'image est une question d'utiliser la balise html <img>, et vous pouvez utiliser le modulo operator% à savoir quand vous avez affiché des images X de sorte que vous pouvez fermer la ligne existante et en ouvrir une nouvelle.

$images ; //array of image urls 
$countImages = count($images) ; 

$imagesPerRow = 5 ; 

for ($i = 0 ; $i < $countImages; $i++) { 
    //display image here 
    $image = $images[$i] ; 
    echo "<img src='$image'>" ; 

    if ($i % $imagesPerRow == 0) { 
     //have displayed an entire row 
     echo '<br>' ; 
    } 
} 

Modulo renvoie le reste de la division. Donc, disons que vous voulez des rangées de 5 images. Si $ i est divisé par 5 exactement alors le reste sera 0, ce qui signifie que 5 images ont été montrées alors il est temps pour une nouvelle rangée.