Question

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

假设我有4个页面，包含4个不同的列表。让我们说清单如下：汽车，摩托车，飞机，船舶每个列表条目都有一个src作为缩略图，一个href作为指向全尺寸图像的链接。我的文件夹包含具有特定标题的图像 C =汽车 M =摩托车 A =飞机 S =船

然后我有一个序列号

结尾是 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>

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

1 个答案: