在动态php轮播中转换html轮播

时间:2018-07-16 10:51:00

标签: php

我有一个要在动态轮播中更改的轮播,其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用{ {1}}上课方法

这是我的php代码:

item

1 个答案:

答案 0 :(得分:0)

类似的事情应该可以满足您的需求:

<?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++; }}