Presentazioni HTML W3.JS
Avvia presentazione:
w3.slideshow(selector, interval (milliseconds))
Esempio
<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>
Nessun avvio automatico
Per impedire l'avvio automatico della presentazione, impostare il parametro intervallo su 0:
Esempio
w3.slideshow(".nature", 0);
Prossima diapositiva
Aggiungi pulsanti per sfogliare la presentazione:
Quando si avvia una presentazione, la funzione w3.slideshow() restituisce un oggetto che rappresenta la presentazione.
var
myShow = w3.slideshow(".nature", 0);
L'oggetto slideshow contiene proprietà e metodi, come next() e previous():
Esempio
<button onclick="myShow.previous()">Previous</button>
<button onclick="myShow.next()">Next</button>
Altre presentazioni
Qualsiasi elemento HTML può essere incluso in una presentazione.
Definisci quale, utilizzando i selettori CSS.
Esempio
Intestazioni:
<h1 class="city">London</h1>
<h1 class="city">Paris</h1>
<h1
class="city">Tokyo</h1>
<script>
w3.slideshow(".city");
</script>