我使用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”只用于第一张幻灯片。其他人都没有这个班。所以,如果我使用数据库中的图像动态地创建这个类,我不知道如何为第一张幻灯片/图像分配这个类。
我确信以前有人遇到过这个问题。请帮忙。
1条答案
按热度按时间8qgya5xd1#
假设以下行不正确是正确的:
您只需要一个类为“active”的项。要实现这一点,只需检查是否已将活动项附加到dom中: