PHP - 使用嵌套循环关闭 div

PHP - Closing off a div with nested loops

我有一个包含大约 400 张图像的文件夹。我想把它们放在一个页面上一次只放八个。这意味着我会将所有图片放在同一页上,但将八张图片分成几个部分,包裹在一个盒子里,如下所示:

<div class="eightbox">
 <img src="image1">
 <img src="image2">
 <img src="image3">
 <img src="image4">
 <img src="image5">
 <img src="image6">
 <img src="image7">
 <img src="image8">
</div>
<div class="eightbox">
 <img src="image9">
 <img src="image9">
 <img src="image10">
 <img src="image11">
 <img src="image12">
 <img src="image13">
 <img src="image14">
 <img src="image15">
</div>

到目前为止,我的代码生成了一个输出,但没有关闭 "eightbox",因此每个新的 div 都在另一个里面。

这是我的代码:

<?php
$files = glob("images/*.*"); //loads all the images from my folder into an array

$y = ceil(count($files)/8); // The amount of images divided by eight and rounded up
$z = 1; //This counter makes the array continue outside the loop

for ($i=1; $i<$y; $i++)
{
 echo '<div class=\'eightbox\'>';
 
 for ($q=0; $q<8; $q++)
 {
  $num = $files[$z];
  echo '<img src=\'' . $num . '\' >';
  $z++;
 }
 
 echo '</div>';
}
?>

希望这对您有所帮助,在此先感谢您的帮助!

编辑:根据大众需求,这是我使用 chrome 获得的代码的屏幕截图: Screenshot of my code

另一种方法是将文件分成 8 个块(使用 array_chunk()),然后一次输出每个块...

$split = array_chunk($files, 8);
foreach ( $split as $div )  {
    echo '<div class=\'eightbox\'>';

    foreach ($div as $file )    {
        echo '<img src=\'' . $file . '\' />';
    }

    echo '</div>';
}

或者使用implode()输出数据...

$split = array_chunk($files, 8);
foreach ( $split as $div )  {
     echo '<div class=\'eightbox\'><img src=\''.
          implode('\' /><img src=\'', $div).
          '\' /></div>';
}

恕我直言,可读性稍差,但更紧凑。

使用 Modulo 你可以做到这一点

<?php

$files = glob("images/*.*"); //loads all the images from my folder into an array


foreach ( $files as $idx=>$file) {

    if ( $idx % 8 == 0 && $idx != 0){  // every 8 close a div and open a new one
        echo '</div>';
        echo '<div class="eightbox">';
    }
    if ( $idx == 0 ){  // output first div
        echo '<div class="eightbox">';
    }
    echo "<img src='$file'>";

}

if ( $idx+1 % 8 != 0 ) { // close the last div
    echo '</div>';
}
?>