PHP& HTML:如何使用图像遍历目录?

时间:2012-07-21 11:40:51

标签: php html directory

像这样非常简单的文件夹结构...

  • 的index.php
  • IMG
    • someimage1.jpg
    • someimage2.png
    • someimage3.jpg

我想知道使用php读取这个img文件夹并创建一个微观网站,通过“prev”和“next”链接循环显示这个图像是多么困难。

所以我不想手动指定图像的文件名是什么。我只想将图像添加到文件夹中,然后运行php脚本并创建类似的导航

<a href="nextimage-link" class="next">Next Image</a>
<a href="previmage-link" class="prev">Previous Image</a>

因此,每当我点击“下一张图片”链接时,它都会更新网站并显示下一张图片。

构建复杂吗?有什么想法吗? 提前感谢您的帮助和帮助。

1 个答案:

答案 0 :(得分:11)

请考虑以下情况,我假设 img 文件夹位于 / var / www 文件夹中:

$dir = "/var/www/img/*.jpg";
//get the list of all files with .jpg extension in the directory and safe it in an array named $images
$images = glob( $dir );

//extract only the name of the file without the extension and save in an array named $find
foreach( $images as $image ):
    echo "<img src='" . $image . "' />";
endforeach;

为了获得更好的UI,您可以创建一个图像路径数组并将它们存储在JavaScript数组中。然后使用“上一个”和“下一个”按钮更改图像阵列的索引,并在单个 img 标记中显示当前值。