从mysql数据库加载到bootstrap4carousel中的图像

at0kjp5o  于 2021-06-23  发布在  Mysql
关注(0)|答案(1)|浏览(322)

我使用bootstrap4框架的标准旋转木马。我想使用mysql数据库中的图像。问题是幻灯片放映不起作用。它将图像显示为一个静止的图像,而不是幻灯片。以下是网站链接:www.todays.com.pl/index-off.php .
这是一个转盘代码:

<div id="demo" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ul class="carousel-indicators">
        <li data-target="#demo" data-slide-to="0" class="active"></li>
        <li data-target="#demo" data-slide-to="1"></li>
        <li data-target="#demo" data-slide-to="2"></li>  
    </ul>

    <!-- The slides -->               
    <div class="carousel-inner">

    <?php while ($row = mysql_fetch_array($result3)) {      
        $id =($row['id']);                      
        $image =($row['image']);
    ?>

    <?php echo('<div class="carousel-item bnw-filter active">'); ?>
        <?php 
            echo '<a href="artykul.php?id='.$id.'">'; 
            echo '<img src="uplimg/'.$image.'" class="img-fluid">';
            echo '</a>'; 
        ?>
    <?php echo('</div>'); ?>    

    <? } ?>               
    </div>

    <!-- Left and right controls -->
    <a class="carousel-control-prev" href="#demo" data-slide="prev">
    <span class="carousel-control-prev-icon"></span>
    </a>
    <a class="carousel-control-next" href="#demo" data-slide="next">
    <span class="carousel-control-next-icon"></span>
    </a>
</div>

我认为问题可能出在这一行:

<?php echo('<div class="carousel-item bnw-filter active">'); ?>

最初有一个类“active”只用于第一张幻灯片。其他人都没有这个班。所以,如果我使用数据库中的图像动态地创建这个类,我不知道如何为第一张幻灯片/图像分配这个类。
我确信以前有人遇到过这个问题。请帮忙。

8qgya5xd

8qgya5xd1#

假设以下行不正确是正确的:

<?php echo('<div class="carousel-item bnw-filter active">'); ?>

您只需要一个类为“active”的项。要实现这一点,只需检查是否已将活动项附加到dom中:

<?php 
    $hasAddedActive = false;
    while ($row = mysql_fetch_array($result3)) {      
    $id =($row['id']);                      
    $image =($row['image']);
?>

<?php 
    $divClass = 'carousel-item bnw-filter';
    $divClass .= $hasAddedActive ? '' : ' active';
    $hasAddedActive = true;
    echo('<div class="'.$divClass.'">'); 
?>
    <?php 
        echo '<a href="artykul.php?id='.$id.'">'; 
        echo '<img src="uplimg/'.$image.'" class="img-fluid">';
        echo '</a>'; 
    ?>
<?php echo('</div>'); ?>    

<? } ?>

相关问题