W3.JS HTML 幻灯片
开始幻灯片放映：
w3.slideshow(
selector,
interval (milliseconds))
示例
<img class="nature" src="img_snowtops.jpg">
<img class="nature" src="img_mountains.jpg">
<img class="nature" src="img_nature.jpg">
<script>
w3.slideshow(".nature");
</script>
亲自试一试»
无自动启动
要防止幻灯片自动开始，请将间隔参数设置为 0：
下一张幻灯片
添加按钮以浏览幻灯片：
当您启动幻灯片放映时，w3.slideshow() 函数返回一个代表幻灯片放映的对象。
var myShow = w3.slideshow(".nature", 0);
幻灯片对象包含属性和方法，例如 next() 和 previous()：
示例
<button onclick="myShow.previous()">Previous</button>
<button onclick="myShow.next()">Next</button>
亲自试一试»
更多幻灯片
任何 HTML 元素都可以包含在幻灯片中。
通过使用 CSS 选择器来定义哪个。
示例
标题：
<h1 class="city">London</h1>
<h1 class="city">Paris</h1>
<h1 class="city">Tokyo</h1>
<script>
w3.slideshow(".city");
</script>
亲自试一试»
使用 CSS »
截取页面反馈部分，让我们更快修复内容！也可以直接跳过填写反馈内容!