动态滑动 php 引导程序

Question

>我制作了动态轮播，但是如果我在循环中包含"活动项目"，则它不起作用，此解决方案很愚蠢，但可以处理。如何正确包含"活动项目"？

<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

编写一个 php 代码

如下

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

并在课堂上回响它，例如

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

因此，它将仅在第一个滑块图像上触发。因为您需要第一个滑块图像处于活动状态。

Answer 2

正确编写"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>