HTML幻灯片,可以包含新图像

时间:2014-05-23 22:20:13

标签: jquery html css dynamic slideshow

我有一个包含一些图片的本地文件夹。我想创建一个简单的网页,显示文件夹中的所有图像,如幻灯片。但是,我不断添加和删除图片到该文件夹​​,因此网页应该能够在不刷新页面的情况下将新图片添加到幻灯片中或从幻灯片中删除已删除的图片。

我远离专业。我想尽可能使用最简单的设计。也许只是过渡效应。这种页面的CSS,HTML5和Jquery是否足够?

1 个答案:

答案 0 :(得分:0)

Javascript在客户端运行,因此无法检查存储上的数据。您想要做的是,但是您需要服务器端脚本(例如PHP)来检查文件更改。

最简单的方法应该是编写用于检查目录并返回所需文件列表的PHP代码,并通过AJAX(跳过页面重新加载)以定期间隔(例如,每10秒应该是足够)。 JS中有一个方便的函数来执行重复调用:setInterval(http://www.w3schools.com/jsref/met_win_setinterval.asp

一种(很多)方法是从XAMPP(https://www.apachefriends.org)开始。

随时询问您是否有详细问题。