W3.JS HTML prezentace
Spustit prezentaci:
w3.slideshow(selector, interval (milliseconds))
Příklad
<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>
Žádný automatický start
Chcete-li zabránit automatickému spuštění prezentace, nastavte parametr intervalu na 0:
Příklad
w3.slideshow(".nature", 0);
Další snímek
Přidejte tlačítka pro procházení prezentace:
Když spustíte prezentaci, funkce w3.slideshow() vrátí objekt představující prezentaci.
var
myShow = w3.slideshow(".nature", 0);
Objekt slideshow obsahuje vlastnosti a metody, jako je next() a previous():
Příklad
<button onclick="myShow.previous()">Previous</button>
<button onclick="myShow.next()">Next</button>
Více prezentací
Do prezentace lze zahrnout jakýkoli prvek HTML.
Definujte které pomocí selektorů CSS.
Příklad
Záhlaví:
<h1 class="city">London</h1>
<h1 class="city">Paris</h1>
<h1
class="city">Tokyo</h1>
<script>
w3.slideshow(".city");
</script>