W3.JS HTML-skyfievertonings
Begin skyfievertoning:
w3.slideshow(selector, interval (milliseconds))
Voorbeeld
<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>
Geen Autostart nie
Om te verhoed dat die skyfievertoning outomaties begin, stel die intervalparameter op 0:
Voorbeeld
w3.slideshow(".nature", 0);
Volgende skyfie
Voeg knoppies by om deur die skyfievertoning te blaai:
Wanneer jy 'n skyfievertoning inisieer, gee die w3.slideshow()-funksie 'n objek terug wat die skyfievertoning verteenwoordig.
var
myShow = w3.slideshow(".nature", 0);
Die skyfievertoning-objek bevat eienskappe en metodes, soos next() en previous():
Voorbeeld
<button onclick="myShow.previous()">Previous</button>
<button onclick="myShow.next()">Next</button>
Meer skyfievertonings
Enige HTML-element kan in 'n skyfievertoning ingesluit word.
Definieer watter deur CSS-keurders te gebruik.
Voorbeeld
Opskrifte:
<h1 class="city">London</h1>
<h1 class="city">Paris</h1>
<h1
class="city">Tokyo</h1>
<script>
w3.slideshow(".city");
</script>