Question

我有一个包含约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都位于另一个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

Answer 1

另一种方法是将文件分成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>';
}

IMHO的可读性较差，但结构更紧凑。

Answer 2

使用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>';
}
?>

PHP-使用嵌套循环关闭div

2 个答案: