使用條件在 PHP 中加載 Div HTML 代碼

Question

我從數據庫中獲取圖像並希望使用 HTML 和 PHP 代碼在滑塊中顯示該圖像。 我有示例滑塊的 HTML 代碼如下

  <div class="carousel-inner">
    <div class="item active">
     <img class="img-responsive" src="http://placehold.it/1200x600/555/000&text=One" alt="...">
      <div class="carousel-caption">
        One Image
      </div>
    </div>
    <div class="item">
      <img class="img-responsive" src="http://placehold.it/1200x600/fffccc/000&text=Two" alt="...">
      <div class="carousel-caption">
        Another Image
      </div>
    </div>
     <div class="item">
      <img class="img-responsive" src="http://placehold.it/1200x600/fcf00c/000&text=Three" alt="...">
      <div class="carousel-caption">
        Another Image
      </div>
    </div>
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>
</div>
    </div>
  </div>
</div>

它工作正常，但使用占位符圖像，我想要我從數據庫中獲取的圖像，如下面的 PHP 代碼

 <?php 

 $i= 0; 

 if(!empty($images)){ foreach($images as $image){ $i++;

    echo $image->title;
    echo $image->file_name;
     }
 }



 ?>

我想要第一個圖像，然后是所有其他圖像。 我是 PHP 新手，所以很困惑我該怎么做，讓我知道是否有 PHP 專家可以幫助我做到這一點。 謝謝！

Answer 1

這很簡單：您必須遍歷圖像並為循環內的每個圖像打印輪播div ：

<?php
if (!empty($images)) {
?>
    <div class="carousel-inner">
        <?php
        $active = 1;
        foreach ($images as $image) {
        ?>
            <div class="item <?php if ($active == 1) echo "active"; ?>">
                <img class="img-responsive" src="<?php echo $image->title; ?>" alt="...">
                <div class="carousel-caption">
                    <?php echo $image->file_name; ?>
                </div>
            </div>
        <?php
            $active++;
        }
        ?>
    </div>
    <!-- Controls: Add them inside the condition: if(!empty($images) -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
<?php
}
?>