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