Javascript 如何使用超大型!带有图像文件夹的插件

Javascript 如何使用超大型!带有图像文件夹的插件,javascript,html,css,dynamic,fullscreen,Javascript,Html,Css,Dynamic,Fullscreen,所以我在用超大型的!此处的插件: 加载图像的默认方式是通过Javascript向上加载。我的问题是,有人知道在特定文件夹中加载的方法吗?所以插件会把文件夹中的所有图片都拉出来,不管是5张还是50张 更进一步:理想情况下,我希望有4个“图库”,每个都是文件夹中的图像,然后我可以构建一个导航,当有人单击“景观”部分时,它将加载景观文件夹中的所有图像。因此,整个网站将是一个单一的页面 WIP站点,只需手动添加图像: 提前感谢。使用服务器端语言(如PHP)收集文件夹中的所有文件,然后构建数组/字符串并将

所以我在用超大型的!此处的插件:

加载图像的默认方式是通过Javascript向上加载。我的问题是,有人知道在特定文件夹中加载的方法吗?所以插件会把文件夹中的所有图片都拉出来,不管是5张还是50张

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

WIP站点,只需手动添加图像:


提前感谢。

使用服务器端语言(如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 : ''}  
                                                    ]

幻灯片:

使用服务器端语言(如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 : ''}  
                                                    ]

幻灯片:

不幸的是,afaik无法从客户端javascript读取服务器上的目录结构。。所以请看下面我的答案。不幸的是,afaik无法从客户端javascript读取服务器上的目录结构。。所以下面是我的答案,正是我想要的。工作得很有魅力!非常感谢。这正是我想要的。工作得很有魅力!多谢。