Php CSS幻灯片无法处理数据库中的图像

我得到一个免费的网站布局只是为了学习和不断训练我的php技能。该网站在索引中有一些幻灯片，当它是index.html时，从我的计算机中获取图像，它工作正常。但现在我在数据库中搜索图像，而不是幻灯片不同的图像，它滑动相同的图像，并将所有其余的放在幻灯片下。进入此处查看我的意思gabrielozzy.zz.vc/vertigo

在HTML和CSS中，它工作正常，如果我不更改HTML/CSS，为什么现在就错了

代码如下：

<?php 
    $slides = listarSlides($conexao);
        foreach($slides as $slide){
            echo'
    <section id="dg-container" class="dg-container">
            <div class="dg-wrapper">
                    <a href="#"><img src="images/' . $slide['imagem'] . '"alt="image1" /></a>
                    <a href="#"><img src="images/' . $slide['imagem'] . '"alt="image2" /></a>
                    <a href="#"><img src="images/' . $slide['imagem'] . '"alt="image3" /></a>
                    <a href="#"><img src="images/' . $slide['imagem'] . '"alt="image4" /></a>
                    <a href="#"><img src="images/' . $slide['imagem'] . '"alt="image5" /></a>
                    <a href="#"><img src="images/' . $slide['imagem'] . '"alt="image1" /></a>
                    <a href="#"><img src="images/' . $slide['imagem'] . '"alt="image2" /></a>
                    <a href="#"><img src="images/' . $slide['imagem'] . '"alt="image3" /></a>
                    <a href="#"><img src="images/' . $slide['imagem'] . '"alt="image4" /></a>
                    <a href="#"><img src="images/' . $slide['imagem'] . '"alt="image5" /></a>
                    <a href="#"><img src="images/' . $slide['imagem'] . '"alt="image1" /></a>
                    <a href="#"><img src="images/' . $slide['imagem'] . '"alt="image2" /></a>
                    <a href="#"><img src="images/' . $slide['imagem'] . '"alt="image3" /></a>
            </div>
    </section>';
        }
    ?>

functions.php：

<?php 
    function listarSlides($conexao){
        $slides = array();
        $query = "select imagem from slides order by cod_slides LIMIT 13";
        $resultado = mysqli_query($conexao, $query);
        while($slide = mysqli_fetch_assoc($resultado)){
            array_push($slides, $slide);
        }
        return $slides;
    }
?>

---

谢谢

您试图多次使用单个图像在整个div上循环，因为您必须在图像上循环。 因此，尝试将section>放在循环之外，只插入$silde['imagem']的实例。 在php中尝试以下操作：

<section id="dg-container" class="dg-container">
            <div class="dg-wrapper">    
 <?php 
    $slides = listarSlides($conexao);
        foreach($slides as $slide){
            echo'

                    <a href="#"><img src="images/' . $slide['imagem'] . '"alt="image1" /></a>

            ';
        }
    ?>
</div>
    </section>

这样，幻灯片就消失了，就像现在在网站上一样。。。它只是另一个下面的一个图像，每个图像上面就是这个：数组（2）{[“cod_幻灯片”]=>string（1）“1”[“imagem”]=>string（5）“1.jpg”}数组（2）{[“cod_幻灯片”]=>string（1）“2”[“imagem”]=>string（5）“2.jpg”}数组（2）{[“cod_幻灯片”]=>string（1）“3”[“imagem”=>string（5）“3.jpg”}工作得很好！你能解释一下我发生了什么事吗？对不起，我真的是个新手。嘿，noob是我的名字。不要用它：P哦，我已经在票上加了解释，希望你能理解