Slideshow HTML W3.JS
Mulai slideshow:
w3.slideshow(selector, interval (milliseconds))
Contoh
<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>
Tidak ada Autostart
Untuk mencegah tayangan slide dimulai secara otomatis, atur parameter interval ke 0:
Contoh
w3.slideshow(".nature", 0);
Slide selanjut nya
Tambahkan tombol untuk menelusuri tayangan slide:
Saat Anda memulai tayangan slide, fungsi w3.slideshow() mengembalikan objek yang mewakili tayangan slide.
var
myShow = w3.slideshow(".nature", 0);
Objek slideshow berisi properti dan metode, seperti next() dan before():
Contoh
<button onclick="myShow.previous()">Previous</button>
<button onclick="myShow.next()">Next</button>
Lebih banyak Slideshow
Elemen HTML apa pun dapat dimasukkan dalam tayangan slide.
Tentukan yang mana, dengan menggunakan pemilih CSS.
Contoh
Header:
<h1 class="city">London</h1>
<h1 class="city">Paris</h1>
<h1
class="city">Tokyo</h1>
<script>
w3.slideshow(".city");
</script>