我正在展示一个画廊,并试图让所有图像的大小相同。
下面的代码完美地显示了图像,但是每一行都显示了相同的图像
$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');
来显示每一行的图像?
最佳答案
尝试以下操作:
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
关于php - 使用 PHP/CSS 显示图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32607542/