Presentaciones de diapositivas HTML de W3.JS
Empezar la presentación de diapositivas:
w3.slideshow(selector, interval (milliseconds))
Ejemplo
<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>
Sin inicio automático
Para evitar que la presentación de diapositivas se inicie automáticamente, establezca el parámetro de intervalo en 0:
Ejemplo
w3.slideshow(".nature", 0);
La siguiente diapositiva
Agregue botones para navegar a través de la presentación de diapositivas:
Cuando inicia una presentación de diapositivas, la función w3.slideshow() devuelve un objeto que representa la presentación de diapositivas.
var
myShow = w3.slideshow(".nature", 0);
El objeto de presentación de diapositivas contiene propiedades y métodos, como next() y previous():
Ejemplo
<button onclick="myShow.previous()">Previous</button>
<button onclick="myShow.next()">Next</button>
Más presentaciones de diapositivas
Cualquier elemento HTML se puede incluir en una presentación de diapositivas.
Defina cuál, mediante el uso de selectores de CSS.
Ejemplo
Encabezados:
<h1 class="city">London</h1>
<h1 class="city">Paris</h1>
<h1
class="city">Tokyo</h1>
<script>
w3.slideshow(".city");
</script>