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

使用内联css标记。

<div class="thumb" style="background-image: url('<?=$your_file?>')">

Answer 2

尝试以下方法：

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

Answer 3

而不是在课堂上使用background-image直接在样式中使用它。

<div class="thumb" style="background-image: url('uploads/$file')">

或如果它符合您的要求，请使用img like

<img src="uploads/$file" class="thumb">

使用PHP / CSS显示图像

3 个答案: