使用 php 代码将 bootstrap carousel 链接到数据库

如何解决使用 php 代码将 bootstrap carousel 链接到数据库

<div class="container slider">
    <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-inner">
            <?PHP 
            $slidersor=$db->prepare("SELECT * FROM slider");
            $slidersor->execute();

            while($slidercek=$slidersor->fetch(PDO::FETCH_ASSOC)) {
            ?>      
                <div class="carousel-item active">
                    <a href="blog-page"> <img src="<?PHP echo $slidercek['slider_resimyol'] ?>" class="d-block w-100" alt="Yeni Blog"> </a>
                    <div class="carousel-caption d-none d-md-block">
                        <a href="blog-page" class="a-none">  <h5>First slide label</h5></a>
                    </div>
                </div>
                
            <?PHP } ?>
                
        </div>

        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Geri</span>
        </a>
        
        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">İleri</span>
        </a>
    </div>
</div>

图像来自数据库，但不会发生转换。 PHP代码看起来没有问题。当我将 PHP 代码写入不同的 div 时，数据库中的图像出现在另一个之下。不知问题出在哪里

解决方法

您需要将活动类仅放在第一个元素。

<?php $active = true; ?>
    //your foreach
  <div class="carousel-item <?php echo ($active == true)?"active":"" ?>"> 
    ...
  </div>
    //your foreach end
<?php $active = false; ?>