如何使用超大号！ 带有图像文件夹的插件

Question

因此，我正在与Supersized合作！ 来自此处的插件 ： 插件链接

加载图像的默认方式是通过Java脚本。 我的问题是，有人知道加载特定文件夹的方法吗？ 因此，无论有5个还是50个，该插件都会提取该文件夹中的所有图像。

更进一步：理想情况下，我希望有4个“图库”，每个都是文件夹中的图像，然后我可以构建一个导航，当有人单击时，例如“景观”部分，它将所有图像加载到横向文件夹。 因此，整个站点将是一个页面。

WIP网站在这里，只需手动添加图像： hieldphotography.com/new/

提前致谢。

Answer 1

使用服务器端语言（如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/"); ?>