Question

我获得了一个免费的网站布局，只是为了学习并继续训练我的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;
    }
?>

谢谢！

Answer 1

您尝试多次使用单个图像遍历整个div，而您必须在图像上循环。所以试着把部分＆gt;离开循环并插入$ silde [＆＃39; imagem＆＃39;]的实例。在你的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>

CSS幻灯片无法处理来自数据库的图像

1 个答案: