使用 php 进行滑块动态图像循环的逻辑

Question

我正在开发引导轮播滑块。我正在尝试使用 PHP 数组加载滑块中的动态图像。我在 PHP 数组中有 4 个（计数不固定）图像路径。

我的 HTML 代码如下：

<div class="carousel-inner">
    <div class="item active">
        <a href=""><img src="<?=base_url()?>images/product-details/similar1.jpg" alt=""></a>
        <a href=""><img src="<?=base_url()?>images/product-details/similar2.jpg" alt=""></a>
        <a href=""><img src="<?=base_url()?>images/product-details/similar3.jpg" alt=""></a>
    </div>
    <div class="item">
        <a href=""><img src="<?=base_url()?>images/product-details/similar1.jpg" alt=""></a>
        <a href=""><img src="<?=base_url()?>images/product-details/similar2.jpg" alt=""></a>
        <a href=""><img src="<?=base_url()?>images/product-details/similar3.jpg" alt=""></a>
    </div>
    <div class="item">
        <a href=""><img src="<?=base_url()?>images/product-details/similar1.jpg" alt=""></a>
        <a href=""><img src="<?=base_url()?>images/product-details/similar2.jpg" alt=""></a>
        <a href=""><img src="<?=base_url()?>images/product-details/similar3.jpg" alt=""></a>
    </div>
</div>

我需要一个逻辑来循环数组并将我的图像加载到 html 中。

我期望的 HTML 像

<div class="carousel-inner">
    <div class="item active">
        <a href=""><img src="<?=base_url()?>images/product-details/similar1.jpg" alt=""></a>
        <a href=""><img src="<?=base_url()?>images/product-details/similar2.jpg" alt=""></a>
        <a href=""><img src="<?=base_url()?>images/product-details/similar3.jpg" alt=""></a>
    </div>
    <div class="item">
        <a href=""><img src="<?=base_url()?>images/product-details/similar1.jpg" alt=""></a>    
    </div>
</div>

请帮帮我

Answer 1

这样做

<div class="carousel-inner">
    <div class="item active">
        <?php
        $count = 0;
        foreach ($images as $key => $image)
        {
            if ($count == 2)
            {
            ?>
                </div>
                <div class="item">
                <?php
                $count = 0;
            }
            ?>
                <a href=""><img src="<?=base_url()?>images/product-details/<?= $image?>" alt=""></a>
            <?php
            $count += 1;
        }
        ?>
    </div>
</div>

---

你应该在上面的代码中做什么

1. $images 应该是你的数组名
2. <?=base_url()?>images/product-details/<?= $image?>在这里添加正确的路径

---

上面的代码发生了什么

每次<a> 选项卡在<img> 内打印，每当遇到if == 2（计数为3）时，它都会添加新的<div> 并计数为0

Answer 2

$count = 1;

 foreach( $images as $img ) 
 {
   if ($count%4 == 1)
  {  
     echo '<div class="item active">';

  }
  echo '<a href=""><img src="<?=base_url()?>images/product-details/similar1.jpg" alt=""></a>';

  if ($count%4 == 0)
  {
          echo "</div>";
  }
   $count++;
 }
  if ($count%4 != 1) echo "</div>";