动态文件夹内容的图像自动滑块

Question

我想制作自动幻灯片库。我想知道如何启动它...它必须是动态的，因为文件夹内容会随着时间而变化。输入不是我想要的。您能给我一些建议或教程吗？我正在搜索，但没有动态文件夹内容...

Answer 1

这是一个非常通用的示例，可能对您而言不是直接复制/粘贴，但它应该可以帮助您了解实现预期结果的基础。

使用此库： https://gist.github.com/tsohil/623538

假设您要获取文件夹中的所有图像。

首先，我们将使用PHP按照以下方式来获取文件名：

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

我们的HTML将以以下形式显示：

<div id="carousel"></div>

然后在我们的JS中（示例需要jQuery），我们将为此发送请求。

$.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>");
    });
});