php - 如何将图像放在 3 x 3 的 table 上？

Question

我正在使用 php/mysql，并且有一个带有图像 url 的数据库表。我想知道如何将它们放在带有 3 x 3 表格的 php 页面上，这样每个 td 都会根据数据库中的图像 url 显示不同的图像？

我想创建这样的东西，其中字母是图像:

|a|b|c|
|d|e|f|
|g|h|i|

到目前为止，我只能使用 do while 来创建这样的东西:

|a| | |
|b| | |
|c| | |

谢谢。

Answer 1

这是一般的方法:

$query = "SELECT url FROM images LIMIT 9";
$resource = mysql_query($query);

# Get the number of images
$count = mysql_num_rows($resource);

$i = 0;
$per_row = 3;

# Start outputting the table
echo '<table><tr>';
while($row = mysql_fetch_assoc($resource)) {
    # The image cell
    echo '<td><img src="'.$row['url'].'" /></td>';
    # If three cells have been printed, and we're not at the last image
    if(++$i % $per_row == 0 && $i > 0 && $i < $count) {
        # Close the row
        echo '</tr><tr>';
    }
}

# If the last row isn't 'full', fill it with empty cells
for($x = 0; $x < $per_row - $i % $per_row; $x++) {
    echo '<td></td>';
}
echo '</tr></table>';

也就是说，只是正常循环结果，但在每三个项目上回显行更改 ( </tr><tr> )。只需确保您不会在开头或结尾打印额外的行更改，因此会出现其他条件。

结果表应该是这样的(添加了换行符):

<table>
    <tr>
        <td><img src="image.jpg1" /></td>
        <td><img src="image.jpg2" /></td>
        <td><img src="image.jpg3" /></td>
    </tr>
    <tr>
        <td><img src="image.jpg4" /></td>
        <td><img src="image.jpg5" /></td>
        <td><img src="image.jpg6" /></td>
    </tr>
    <tr>
        <td><img src="image.jpg7" /></td>
        <td><img src="image.jpg8" /></td>
        <td><img src="image.jpg9" /></td>
    </tr>
</table>