2011-08-26 65 views
0

所以我正在与超大型!从这里插入:plugin link如何使用超大号!插件与图像文件夹

加载图像的默认方式是透过Javascript。我的问题是,有没有人知道加载到特定文件夹的方法?所以这个插件会将该文件夹中的所有图像全部取出,无论是否有5或50 ...

更进一步:理想情况下,我希望有4个“图库”,每个图像都在一个文件夹内,然后我可以构建例如,当某人点击“横向”部分时,它会加载横向文件夹中的所有图像。所以整个网站将是一个单一的页面。

WIP网站在这里,只是手动添加图片:hieldphotography.com/new/

在此先感谢。

+0

不幸的是,_afaik_没有办法从客户端读取服务器上的目录结构javascript ..所以!请参阅下面的答案。 – rlemon

回答

3

使用像PHP这样的服务器端语言来收集文件夹中的所有文件,然后构建数组/字符串并将其打印在页面上。

这里是这样做的很简单的方法..

function getAllImagesInDirectory($path) { 
    if ($handle = opendir($path)) { 
     $images = "["; 
     while (false !== ($file = readdir($handle))) { 
      if($file !== "." && $file !== "..") { 
       $images .= "{image : '$path$file', title : '', url : ''},"; 
      } 
     } 
     closedir($handle); 
     return substr($images,0,strlen($images)-1) . "]"; 
    } 
} 

,然后在你的代码替换

slides     : [  //Slideshow Images 
                  {image : 'images/people/people1.jpg', title : '', url : ''}, 

... snippet 
                  {image : 'images/people/people35.jpg', title : '', url : ''} 
                ] 

slides : <?php echo getAllImagesInDirectory("images/people/"); ?> 
+0

正是我所期待的。像魅力一样工作!非常感谢。 – stursby

相关问题