สไลด์โชว์ 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(".nature", 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>