使用文件夹中的图像自动填充HTML <ul>

Question

我想问一下如何自动填充位于文件夹中的图像的HTML列表？

假设我有4个页面,有4个不同的列表.让我们说列表如下:汽车,摩托车,飞机,船舶每个列表条目有一个src作为缩略图和一个href作为全尺寸图像的链接.我的文件夹包含具有特定标题的图像:C = Cars M = Motorcycles A = Airplanes S = Ships

然后我有一个序列号

结尾是T =缩略图F =完整图像

所以一个完整的文件名是C20T.jpg或C20F.jpg.

我正在寻找一个脚本,它将根据主题更新4个列表,并使用相关的文件名自动填充它们.

从我在这里搜索我发现这段代码,但我相信它需要一些调整,我不知道如何做到这一点:(

$dir    = '/images';
$files = scandir($dir);
$images = array();
foreach($files as $file) {
  if(fnmatch('*.jpg',$file)) {
    $images[] = $file;
  }
}

foreach($images as $image) {
  echo '<img src="images/'.$image.'" />';
}

我希望有人可以帮助我!

感谢您抽出宝贵时间阅读本文.

Answer 1

$type = 'c';

$imagesDir = 'images/';

$images = glob($imagesDir . $type . '*[TYPE].{jpg,jpeg,png,gif}', GLOB_BRACE);

这应该可以获得所有完整的图像.

制作一个ul很容易......

<ul>
<?php foreach($images as $image): ?>
   <li><a href="<?php echo str_replace('[TYPE]', 'F', $image); ?>"><img src="<?php echo str_replace('[TYPE]', 'T', $image); ?></a>" alt="" /></li>
<?php endforeach; ?>
</ul>