php - 使用 PHP/CSS 显示图像

Question

我正在展示一个画廊，并试图让所有图像的大小相同。

下面的代码完美地显示了图像，但是每一行都显示了相同的图像

$num_rows = mysql_num_rows($result41);   
for ($i = 1; $i <= mysql_num_rows($result41); $i++)
{
 $row = mysql_fetch_array($result41);
    $upload_id = $row ['upload_id'];
    $file = $row ['FILE_NAME'];

    echo"    
    <style>
   .thumb {
    background-color: #CCC;
    background-image: url('uploads/$file');

HTML

<div id='cover' class='thumb'></div> 

我正在使用 background-image: url('uploads/$file'); 来显示每一行的图像？

Answer 1

尝试以下操作:

if( mysql_num_rows($result41) >= 1 ) {
 while($row = mysql_fetch_array($result41)) {
    $upload_id = $row['upload_id'];
    $file = $row['FILE_NAME'];

    echo '<img src="uploads/'.$file.'" class="thumb">';
  }
}

在 CSS 中:

.thumb {
    background-color: #CCC;
}

然后 html 将呈现每个图像。

如果你想使用:

<div id='cover' class='thumb'></div>

我不知道 cover 上是否有 JavaScript 或 jQuery，但它会失败，因为每个页面的 id 是唯一的，因此您必须执行以下操作:

<div id='cover1' class='thumb'></div>
<div id='cover2' class='thumb'></div> 
<div id='cover3' class='thumb'></div> 

另请注意，mysql_* 已损坏并将被删除。而是使用 mysqli_* 或 PDO