我如何獲得圖像顯示在像這樣使用PHP和CSS這樣的行？

Question

我想知道如何顯示圖像上的圖像：我知道我必須使用while循環檢索圖像，但是像這樣顯示它們是困難的一點，謝謝！ :)）

Answer 1

也許這：

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

有了這個CSS：

.image { 
    display: inline; 
} 

Answer 2

這真的不是那麼難，你只需要PHP輸出表的HTML。

這裏有一個簡單的例子：

$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

顯示圖像是使用HTML <img>標籤的事，你可以用，當你顯示的X圖像，所以你可以關閉該modulo operator%知道現有的行並打開一個新的行。

$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返回除法的其餘部分。所以，讓我們說你想要5行圖像。如果$ i恰好除以5，則餘數將爲0，這意味着已顯示5張圖像，因此需要新的一行。