在动态 php carousel 中转换 html carousel

Question

我有一个轮播，我想在动态轮播中改变，html结构如下：

 <div class="item active">
    <div class="col-md-3">demo</div>
    <div class="col-md-3">demo</div>
    <div class="col-md-3">demo</div>
    <div class="col-md-3">demo</div>
 </div>
  <div class="item">
    <div class="col-md-3">demo</div>
    <div class="col-md-3">demo</div>
    <div class="col-md-3">demo</div>
    <div class="col-md-3">demo</div>
 </div>

第一个 div 有类 active 之后第二个 div 没有 active 类，并且在项目类中每 4 个 div 带有演示数据后，item 类 div 关闭，新 div 打开 item 类怎么办它

这是我的 php 代码：

<?php $a=1; while($rfc=$resfc->fetch_array()) { if($a<=4){?>
     <!-- starts carousel -->
     <div class="item active"><?php } else {?> <div class="item"> <?php } ?>
          <div class="col-md-3">demo</div>
      </div>

 <?php $a++; }}?>

Answer 1

这样的事情应该可以满足您的需要：

<?php 
     $a=1; while($rfc=$resfc->fetch_array()) { 

     $active = ($a == 1) ? 'active' : ''; // set active or empty string

     echo '<!-- starts carousel -->
     <div class="item ' . $active . '">
          <div class="col-md-3">demo</div>
      </div>';

     if ($a % 4 == 0) {  // if it evenly divides by 4 with no remainder, add the closing and opening divs
        echo '</div><div class="item">';
     }
     $a++; }}