更改为动态脚本后轮播不旋转

Question

我已将轮播的静态代码更改为动态代码。由于某种原因，轮播未旋转图像。我已将网站放在网上查看：这里

<?php
$files = glob('img/carousel/*.*');
shuffle($files);    
$no_files = count($files);
?>
<header>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<?php
for ($x = 0; $x <= $no_files; $x++)
{
echo '<li data-target="#carouselExampleIndicators" data-slide-to="'.$x.'" '; if($x == 0) { echo 'class="active"'; } echo'></li>';
}
?>
</ol>
<div class="carousel-inner" role="listbox">
<?php
foreach($files as $file)
{
echo '<div class="carousel-item active" style="background-image: url('.$file.')">
<div class="carousel-caption d-none d-md-block">
</div>
</div>';
}
?>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Vorige</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Volgende</span>
</a>
</div>
</header>

Answer 1

感谢trincot将第二个循环更改为：

<?php
$y = 0;
foreach($files as $file)
{
$y++;
echo '<div class="carousel-item'; if($y == 1) { echo ' active'; } echo'" style="background-image: url('.$file.')">
<div class="carousel-caption d-none d-md-block">
</div>
</div>';
}
?>