灯箱显示目录中的多个图像

Question

我在网络上的任何地方都找不到答案（有效）。

我正在尝试让 Lightbox 从目录加载图像，因为它们会经常更新。

如果有人能纠正我做错的事情，或者有使用 PHP 或由特定目录自动填充的隐藏 div 的解决方案，将不胜感激。

这是我想出但似乎不起作用的方法；

<?php $dirname = "img/love/"; $images = glob($dirname."*.jpg"); foreach($images as $image) { echo '<img data-lightbox="love" src="'.$image.'" /><br />'; } ?>

这是我的测试页面：http://knowledgeoverfame.com/tslp/leet/alt/index.html

我在这里没有找到任何类似的问题的答案，但如果我可能错过了，请赐教:)

谢谢！

Answer 1

尝试使用scandir() 获取图像文件数组。

例子：

<?php
  $images = scandir($your_folder);
  foreach ( $images as $key => $filename ) {
    if ( $key > 1 ) {  //ignores the first two values which refer to the current and parent directory
     echo '<img data-lightbox="love" src="'.$your_folder."/".$filename.'" /><br />';
   }    
  } 
?>

供参考：PHP scandir()

Answer 2

您想要做的 - 使用灯箱显示文件夹中的图像 - 这个问题已经解决了很多次，复杂程度各不相同。如果您在 Google 上搜索“php 图片库”之类的内容，您会找到示例脚本。大约一年前我就这样做了，经过一些实验后，我选择了 Minigal Nano，因为它是一个强大的脚本，但足够简单，可以很容易地看到它是如何工作的，然后为我自己的使用而返工。我还发现这是一种学习 php 的有效方法。

Answer 3

此脚本将从目录中提取图像。我将它与 fancybox 一起使用，但您可以根据需要进行修改。

<?php
$directory = 'yourDirectory/gallery/thumbs';   //where the gallery thumbnail images are located    
$files = glob($directory."/*.{jpg,jpeg,gif,png}", GLOB_BRACE);
natsort($files); //sort by filename
?>

<?php
for($x = 0; $x < count($files); $x++){
$thumb = $files[$x];
$file = basename($thumb);
$nomargin = $x%4 == 0?" nomargin":"";
$title = htmlspecialchars($file);
?>
    <div class="thumbs fancybox<?= $nomargin ?>" style="background:url('<?= $thumb ?>') no-repeat 50% 50%;">
        <a rel="group" href="yourDirectory/gallery/<?= $file ?>"></a> 
    </div>
<?php
}//end for loop
?>