Javascript 使用Css/html进行幻灯片放映

我正在为我工作的地方制作网站的路上。我想实现一个幻灯片，虽然它很有效而且很容易添加图片，但我得想想其他不懂编码的人。有没有办法让幻灯片从文件夹中拍摄所有图片，而不是一次只放一张图片？如果需要，我愿意使用javascript。 注意：图片已更改，以保护与我一起工作的人

div#滑块{
宽度：100%；
最大宽度：960像素；
溢出：隐藏
}
div#滑块图形{
位置：相对位置；
宽度：500%；
保证金：0；
填充：0；
字号：0；
文本对齐：左对齐；
动画：30秒滑无限；
}
div#滑块图img{
宽度：20%；
高度：自动；
浮动：左；
}
@滑动关键帧{
0% {
左：0%；
}
20% {
左：0%；
}
25% {
左-100%；
}
45% {
左-100%；
}
50% {
左-200%；
}
70% {
左-200%；
}
75% {
左-300%；
}
95% {
左-300%；
}
100% {
左-400%；
}
}

出于安全目的，客户端javascript无法访问服务器文件系统。这个网站是建立在Node.JS上的吗？了解您使用的服务器语言会很有帮助。如果您想知道特定目录中的服务器中有多少文件，您需要使用PHP和JavaScript创建尽可能多的

img

标记。目前，我不知道我将使用什么服务器语言。当需要上传所有内容时，我必须检查一下。@Dan不知道生产环境是一个很难开始开发的地方。如果您需要做的只是在完成后上传最终产品，那么我可以大胆地猜测，这是一个没有任何后端代码的静态HTML站点。我建议用图像对滑块进行硬编码。然后，如果他们需要更改它们，他们必须在上传图像后使用适当的URL更新标记。他们还必须更新CSS或确保幻灯片数量保持不变。他们最好在需要的时候让你做。哦，好的，谢谢。是的，当它完成后，我所要做的就是上传最终产品。