Динамический слайд PHP загрузчик

Question

Я сделал динамическую карусель, но если я включил 'active-item' в цикл, он не работает, это решение глупо, но справиться.Как правильно добавить «активный элемент»?

<form class="form" action="routes.php" method="POST">

<div id="carouselExampleControls" class="carousel slide bg-light text-primary" data-ride="carousel">
<div class="carousel-inner"

<div class="carousel-item active" >
<img class="d-block m-auto " style="width: 800px; height:600px; " alt="There is <?php echo count($photos);?> photos">
</div> 
<?php foreach ($photos as $photo) {?>
<div class="carousel-item">
<img class="d-block m-auto" style="width: 800px; height:600px;" src="../css/image/<?php echo $photo['pic_name']?>" alt="<?php echo $photo['pic_name']?>">
</div>
<?php }?>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</form>

Answer 1

важно правильно написать 'item-active', вот как я справляюсь с этим, и его работа

  <div class="carousel-inner" >

  <?php $i=1; foreach ($photos as $photo) {?>

  <div class="carousel-item <?php if ($i==1)echo 'active'?>"><?php $i++;?>
  <img class="d-block m-auto" style="width: 800px; height:600px;" src="../css/image/<?php echo $photo['pic_name']?>" alt="<?php echo $photo['pic_name']?>">
  </div>
  <?php }?>
  </div>

Answer 2

Напишите php-код, как показано ниже

$active = ($photo== 1)? 'active-itme':'';

и отобразите его в классе, как

class='<?php echo $active?>'

, поэтому он будет срабатывать только на первом изображении слайдера.Так как вам нужно, чтобы первый слайдер был активным.