动态引导轮播答案

【问题标题】：Dynamic bootstrap carousel动态引导轮播
【发布时间】：2016-12-03 16:20:59
【问题描述】：

我正在尝试使用 PHP 让引导轮播动态工作。我没有使用一次滑动一张图像的普通轮播。我使用的是在每个项目类中有多个图像（在我的情况下，一个项目中有 4 个图像）。

例如：http://bootsnipp.com/snippets/featured/simple-carousel

如果我使用两个查询我可以让它工作我想知道我是否可以在一个查询中完成它。

我的代码：

<div id="Carousel" class="carousel slide" data-interval="false">
  <ol class="carousel-indicators">
    <li data-target="#Carousel" data-slide-to="0" class="active"></li>
    <li data-target="#Carousel" data-slide-to="1"></li>
    <li data-target="#Carousel" data-slide-to="2"></li>
  </ol>

  <!-- Carousel items -->
  <div class="carousel-inner">
    <div class="item active">
      <?php
if($query1 = $mysqli->query("SELECT * FROM posts LIMIT 0, 4")){
    while($row1 = mysqli_fetch_array($query1)){ 

?>
      <div class="col-md-3"><a href="<?php echo $row1['link'];?>"> <img class="img-thubs" src="<?php echo $row1['image'];?>" alt="<?php echo $row1['title'];?>"></a> <a href="<?php echo $row1['link'];?>">
        <h4 class="col-more-title"><?php echo $row1['title'];?></h4>
        </a> </div>
      <?php
    }
    $query1->close();

}
?>
    </div>
    <!--.item-->
    <div class="item">
      <?php

if($query2 = $mysqli->query("SELECT * FROM posts LIMIT LIMIT 5, 9")){
    while($row2 = mysqli_fetch_array($query2)){ 

?>
      <div class="col-md-3"><a href="<?php echo $row2['link'];?>"> <img class="img-thubs" src="<?php echo $row2['image'];?>" alt="<?php echo $row2['title'];?>"></a> <a href="<?php echo $row2['link'];?>">
        <h4 class="col-more-title"><?php echo $row2['title'];?></h4>
        </a> </div>
      >
      <?php
}
    $query2->close();

}
?>
    </div>
    <!--.item--> 

    <a data-slide="prev" href="#Carousel" class="left carousel-control">‹</a> <a data-slide="next" href="#Carousel" class="right carousel-control">›</a> </div>
  <!--.Carousel--> 

</div>
<!--.carousel-inner-->

【问题讨论】：

标签： php jquery css twitter-bootstrap

【解决方案1】：

您知道所需循环的大小。您需要 2 个单独的循环，外部运行两次。内跑5次。执行单个查询以获取所有数据，然后在内部循环中从 mysqli_fetch_array($query2); 中获取值；

类似的东西：

 for( $i = 0; $i < 2; $i ++){
      print '<div class="item">';
      for( $z = 0; $z < 5; $z ++ ){
           $row2 = mysqli_fetch_array($query2);
           //do what ever you want with the data!!!
           print '<div class="col-md-3">';
           print '<a href="' . $row2['link'] . '">';
           print '<img class="img-thubs" src="' . $row2['image'] . '" alt="' . $row2['title'] . '"></a> ';
           print '<a href="' . $row2['link'] . '"><h4 class="col-more-title">' . $row2['title'] . '</h4></a> </div>';
      }
      print '</div>';
 }

【讨论】：