javascript - HTML:嵌入自动启动的循环幻灯片放映

标签 javascript html css photo

我知道有一种方法可以像这样嵌入一个自动启动的循环幻灯片放映: http://responsiveslides.com/

但假设我想在幻灯片放映中添加一张新照片。这意味着我将不得不进入 html 代码并添加/删除链接图像文件的代码。我只想添加图片(可以添加到本地文件夹或网站都没有关系),它会使用新图像更新幻灯片放映。我知道您可以使用 flickr.com,但它没有自动启动或循环播放功能。有谁知道这样做的方法吗?

最佳答案

enter code here

https://jsfiddle.net/jmwbLqxq/2/

这显然是从 W3 中偷来的,只是添加了 css 来制作柔滑的动画。您所要做的就是添加另一个 img 标签。

编辑:

针对您所说的内容,您必须制作一个服务器端数据库和一个“上传图像”按钮以将图像添加到数据库中。当屏幕加载时,它会运行您的服务器端代码,查询数据库中的图像,遍历它们并插入到 html 中。

关于javascript - HTML:嵌入自动启动的循环幻灯片放映,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40559045/

相关文章:

javascript - PhantomJS .click() 不工作

javascript - 将数组合并到一个基础中

javascript - For Loop 与 Do…While

css - CSS 中指定的 Arial 中断了 IE9 中的站点

html - 如何垂直对齐导航栏上的图标?

javascript - 将 onclick 函数扩展至 javascript 类

html - 使 div 背景图像响应及其内容

javascript - 在鼠标悬停时保持 JQuery 对话框打开

css - 将元素定位到右下角,当 Accordion 的内容到达它时它会向下扩展

html - 如何在 html 标签之间包含 '<' 作为文本?