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>';
}
?>
我有一个包含大约 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>';
}
?>