Question

我正在尝试将轮播幻灯片幻灯片每张幻灯片放4张图片。我希望每张幻灯片显示四张图像，然后下一张幻灯片将显示另外四张图像。我希望我解释得很好。

<?php
$i = 0;
foreach ($photos as $photo) {
    if ($i == 0) {
        ?>
        <div class="carousel-item active">
            <ul class="thumbnails">
                <li class="span3">
                    <div class="thumbnail">
                        <i class="tag"></i>
                        <a href="#">
                            <img src="<?php echo $photo->image_path(); ?>" width="125" height="125" class="img-thumbnail" alt="buy more"/>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
        <?php
        $i++;
    } else {
        if ($i != 0) {
            ?>
            <div class="carousel-item">
                <ul class="thumbnails">
                    <li class="span3">
                        <div class="thumbnail">
                            <i class="tag"></i>
                            <a href="#">
                                <img src="<?php echo $photo->image_path(); ?>" width="125" height="125" class="img-thumbnail" alt="buy more"/>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
            <?php
        }
        $i++;
    }
}
?>

Answer 1

我相信这可以解决问题：

<?php
    $numImagesPerSlide = 4;
    foreach($photos as $k => $photo){
?>
    <div class="carousel-item <?php echo ($k % $numImagesPerSlide == 0) ? 'active': '';?>">
        <ul class="thumbnails">
            <li class="span3">
                <div class="thumbnail">
                <i class="tag"></i>
                <a href="#"><img src="<?php echo $photo->image_path(); ?>" width="125" height="125" class="img-thumbnail" alt="buy more"/></a>
                </div>
            </li>
        </ul>
    </div>
<?php
  }
?>

关键是要使用$k，只要它可以被$k % $numImagesPerSlide == 0函数除以4（4、8、12、16，...），就可以打印出所需的代码。我想您将需要一个额外的代码，例如

if ($k % $numImagesPerSlide == 0) {
    //print the header of the carrousel
}

如何按范围计算foreach循环

1 个答案: