Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/255.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用于动态文件夹的图像自动滑动器';内容_Javascript_Php_Jquery_Html_Css - Fatal编程技术网

Javascript 用于动态文件夹的图像自动滑动器';内容

Javascript 用于动态文件夹的图像自动滑动器';内容,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,我想做自动滑翔画廊。我想知道如何启动它。。。它必须是动态的,因为文件夹内容会随着时间而变化。打字不是我要找的。你能给我一些建议或教程吗?我正在搜索,但没有动态文件夹内容…这是一个非常通用的示例,可能不是直接复制/粘贴,但它应该可以帮助您了解实现预期结果的基本原理 使用此库: 假设您希望获取文件夹中的所有图像 首先,我们将使用PHP获取文件名,方法如下: <?php echo json_encode(glob("folder/relative/to/controller/*.{jpg,pn

我想做自动滑翔画廊。我想知道如何启动它。。。它必须是动态的,因为文件夹内容会随着时间而变化。打字不是我要找的。你能给我一些建议或教程吗?我正在搜索,但没有动态文件夹内容…

这是一个非常通用的示例,可能不是直接复制/粘贴,但它应该可以帮助您了解实现预期结果的基本原理

使用此库:

假设您希望获取文件夹中的所有图像

首先,我们将使用PHP获取文件名,方法如下:

<?php
echo json_encode(glob("folder/relative/to/controller/*.{jpg,png,gif}", GLOB_BRACE));

<div id="carousel"></div>
$.get('/phpcontroller.php', {}, function(data) {
    data.forEach(function(val) => {
        $("#carousel").append("<div class=\"inactive\">
           <img width=\"946\" height=\"473\" src=\"/path/to/folder/"+val+"\" class=\"car-img\">
        </div>");
    });
});