Question

所以我和Supersized一起工作！来自这里的插件：plugin link

通过Javascript来加载图像的默认方式是最重要的。我的问题是，有没有人知道加载特定文件夹的方法？因此插件会拉出该文件夹中的所有图像，无论是否有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/"); ?>

如何使用超大号！插件与图像文件夹

1 个答案: