php - 单个 php，同时包含三种不同类别的图像

Question

我正在使用一个主要的四个 div，第一个 div 具有类 ad1，第二个和第三个 div 具有类 ad2，然后最后一个 div 具有类 ad3...

我想显示数据库中的 4 张图像如何通过 while 循环做到这一点，请帮忙，谢谢:)这是 html 代码和 php 代码......

<div class="col-md-9 hidden-sm hidden-xs">
        <div class="col-md-1"></div>
        <div class="col-md-2">
            <div class="ad1">
                <img src="" alt="">
            </div>
        </div>

        <div class="col-md-2">
            <div class="ad2">
                <img src="" alt="">
            </div>
        </div> 

        <div class="col-md-2">
            <div class="ad2">
                <img src="" alt="">
            </div>
        </div> 

        <div class="col-md-5">
            <div class="ad3">
                <img src="" alt="">
            </div>
        </div> 
</div> 

php代码是

<?php
 $query = "SELECT * FROM headerimages limit 4";
 $result = mysqli_query($con, $query) or die(mysqli_error($query));
while ($row = mysqli_fetch_array($result)) 
{?>

<?php
}
?>

Answer 1

首先我推荐使用pdo数据库驱动。在您的代码中，快速修复是将结果分配给数组并简单地在 View 中回显它。

$result = array();
while ($row = mysqli_fetch_array($result))
{
$result[]=$row['img'];
}

并在 View 中回显它

<div class="col-md-9 hidden-sm hidden-xs">
        <div class="col-md-1"></div>
        <div class="col-md-2">
            <div class="ad1">
                <img src="<?=$result[0]?>" alt="">
            </div>
        </div>

        <div class="col-md-2">
            <div class="ad2">
                <img src="<?=$result[1]?>" alt="">
            </div>
        </div> 

        <div class="col-md-2">
            <div class="ad2">
                <img src="<?=$result[2]?>" alt="">
            </div>
        </div> 

        <div class="col-md-5">
            <div class="ad3">
                <img src="<?=$result[3]?>" alt="">
            </div>
        </div> 
</div>