查看文件夹中的图像答案

【问题标题】：View images from a folder查看文件夹中的图像
【发布时间】：2014-01-04 15:09:25
【问题描述】：

嗨，我有这个简单的 php 脚本，用于显示文件夹中的图像。我的问题是图像显示得非常紧密。我想在图像和每个图像的边框之间添加一些空间。请帮助我。

$files = glob("images/gallery/thumb/*.*");
for ($i=1; $i<count($files); $i++)

{

$image = $files[$i];

echo '<img src="'.$image .'" alt="Random image" />';
}

【问题讨论】：

标签： php image gallery space

【解决方案1】：

或者，如果你想要一种网格：

    $files = glob("images/gallery/thumb/*.*");
    $count = count($files);
    for($i = 1; $i < $count; $i++){
    $image = $files[$i];
    echo '<img src="'.$image .'" alt="Random image" style="border:2px solid black; margin: 5px; float: left;" />';
}

【讨论】：

【解决方案2】：

使用纯 HTML 换行符 <br/> 表示两个图像之间的空间。
使用 CSS style="border:2px solid black;"（根据您的需要更改它）作为边框。
我建议你将count($files) 存储在一个变量中；否则必须在 for 循环的每次迭代中对其进行评估，从而导致脚本运行速度变慢。
现在您的整个代码将如下所示：

$files = glob("images/gallery/thumb/*.*");
$count = count($files);
for($i = 1; $i < $count; $i++){
$image = $files[$i];
echo '<img src="'.$image .'" alt="Random image" style="border:2px solid black;"/><br/>';
}

【讨论】：

【解决方案3】：

我会在图像上附加一个类。

echo '<link rel="stylesheet" href="gallery.css" type="text/css"';

...

$files = glob("images/gallery/thumb/*.*");
foreach ($files as $image){
    echo '<img src="'.$image .'" alt="Random image" class="galleryImage"/>';
}

然后使用该类的样式创建一个 .css 文件。这将允许您通过 .css 轻松更改样式，而无需接触您的 php 代码，并使您渲染的 html 文件略小。

图库.css

img.galleryImage{
    border: 2px solid #888888;
    padding: 10px;
}

【讨论】：