我正在使用PHP,HTML和MySQL建立网站。
因此,我的目标是为我的网页创建一个图片库,每行仅显示3张图片。
但是我的代码似乎错误,并且我不知道应该在哪里进行更正。
-)这是我的代码:
$query = mysql_query("SELECT DISTINCT * FROM products WHERE catID = 11 ORDER BY typeID ASC");
echo "<table>";
while ($row = mysql_fetch_assoc($query))
{
echo "<tr>";
for ($c = 0; $c < 3; $c += 1){
echo "<td>";
echo '<img src="data:image/jpg;base64,'.base64_encode($row['productImg'] ).'" width="300" height="200" alt=""
/>';
echo "<br>";
echo "<b>";
echo $row['productName'];
echo "</b>";
echo "<br>";
// More detail button set up
?><a href="show.php?productID=<?php echo $row["productID"]; ?>">More Detail <i class="fa fa-arrow-circle-o-right"></i></a> <?php
echo "</td>";
}
echo "</tr>";
}
echo "</table>";
-)这是结果: wrong result image
结果结果与我预期的不同,因为在1行中它显示3张相同的图像。我想要的是在每个屏幕上显示3张不同的图像 行。我不知道我做错了什么地方。
答案 0 :(得分:1)
结果出乎我的意料,因为在第一行它显示了3张相同的图像。
那是因为for
循环,您正在同一图像中循环3次。而是使用计数器变量$counter
跟踪迭代次数并每行显示三张不同的图像。
<?php
$query = mysql_query("SELECT DISTINCT * FROM products WHERE catID = 11 ORDER BY typeID ASC");
if(mysql_num_rows($query)){
$counter = 0;
echo "<table><tr>";
while ($row = mysql_fetch_assoc($query)) {
if($counter != 0 && $counter % 3 == 0){
echo "</tr><tr>";
}
echo "<td>";
echo '<img src="data:image/jpg;base64,'.base64_encode($row['productImg'] ).'" width="300" height="200" alt=""/>';
echo "<br>";
echo "<b>";
echo $row['productName'];
echo "</b>";
echo "<br>";
// More detail button set up
?>
<a href="show.php?productID=<?php echo $row["productID"]; ?>">More Detail <i class="fa fa-arrow-circle-o-right"></i></a>
<?php
echo "</td>";
++$counter;
}
echo "</tr></table>";
}
?>
边注::请勿使用mysql_*
函数,从PHP 5.5开始不推荐使用这些函数,并且在PHP 7.0中将其完全删除。请改用mysqli
或pdo
。 And this is why you shouldn't use mysql_*
functions。