javascript - 图像池 - 仅显示 27 和交换

Question

我使用以下脚本读取指定文件夹中的所有图像:

$path= './images/referenzen/*'; 
$files = explode("\n", trim(`find -L $path`));

shuffle($files);

foreach ($files as $item) {
if (preg_match('/\.JPG$/', $item)) {
$pfad = $item; 
$urlarray=explode("/",$pfad);
$end=$urlarray[count($urlarray)-2];

echo '<div class="element-item '.$end.'"><img width="80" src="'.$item.'" /></div>';
}
}

通过将其添加到“shuffle”命令后面

$files = array_slice($files, 0, 27);

我有时会输出 27 个文件，但有时也只有 26、25 或 24？!这有所不同，但我不知道为什么？

此外，我想将其余文件保留在“池”中，并随机交换池中文件之一在站点加载上显示的 27 张图像中的一张。

假设每 20 秒，随机挑选的一张起始图像应该与池中的一张图像互换。

我不知道从哪里开始自动取款机。如果需要，可以实现 Javascript。有人知道如何实现这一目标吗？

Answer 1

你得到的图像少于 27 个，因为你在将它们设为 27 后检查它们是否是 JPG(可能其中一些不是 JPG)在 foreach() 中对它们进行计数，并在它们达到 27 时中断。 还可以使用

"/\.jpg\$/i" 

检查文件扩展名。