Pokazy slajdów HTML W3.JS
Rozpocznij pokaz slajdów:
w3.slideshow(selector, interval (milliseconds))
Przykład
<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>
Brak autostartu
Aby zapobiec automatycznemu uruchamianiu pokazu slajdów, ustaw parametr interwału na 0:
Przykład
w3.slideshow(".nature", 0);
Następny slajd
Dodaj przyciski, aby przeglądać pokaz slajdów:
Po zainicjowaniu pokazu slajdów funkcja w3.slideshow() zwraca obiekt reprezentujący pokaz slajdów.
var
myShow = w3.slideshow(".nature", 0);
Obiekt pokazu slajdów zawiera właściwości i metody, takie jak next() i previous():
Przykład
<button onclick="myShow.previous()">Previous</button>
<button onclick="myShow.next()">Next</button>
Więcej pokazów slajdów
Do pokazu slajdów można dołączyć dowolny element HTML.
Określ które, używając selektorów CSS.
Przykład
Nagłówki:
<h1 class="city">London</h1>
<h1 class="city">Paris</h1>
<h1
class="city">Tokyo</h1>
<script>
w3.slideshow(".city");
</script>