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

时间:2014-08-28 04:04:38

标签: php html css image lightbox

我无法在网络上的任何地方找到答案(有效)。

我正在尝试让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

我在这里找不到任何类似的问题,但是如果我可能错过了,请赐教:)

谢谢!

3 个答案:

答案 0 :(得分:0)

尝试使用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()

答案 1 :(得分:0)

你想做什么 - 使用灯箱来显示文件夹中的图像 - 这个问题已经被解决了很多次,具有不同程度的复杂性。如果您在谷歌搜索类似&#34; php图库&#34;你会发现示例脚本。我大约一年前做过这个,经过一些实验,我选择了Minigal Nano,因为它是一个功能强大的脚本,但很简单,它很容易看出它是如何工作的,然后为我自己的使用而返工。我也发现这是学习php的有效方法。

答案 2 :(得分:0)

此脚本将从目录中提取图像。我将它与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
?>