Slideshow con pulsante





Codice HTML con javascript incorporato

<script type="text/javascript"><!--
// Creo un'array con le varie immagini da mostrare.
// Nel nostro esempio le immagini sono all'interno di un'ipotetica cartella "img"
slideshow = Array();
slideshow[0] = "https://www.puntoinformaticofree.it/guida_css/resources/foto/foto1.jpg";
slideshow[1] = "https://www.puntoinformaticofree.it/guida_css/resources/foto/foto2.jpg";
slideshow[2] = "https://www.puntoinformaticofree.it/guida_css/resources/foto/foto3.jpg";
slideshow[3] = "https://www.puntoinformaticofree.it/guida_css/resources/foto/foto4.jpg";

// definisco una variabile che userĂ² come contatore var i = 0;

// definisco la funzione che gestisce la sequenza delle immagini function sfoglia() { // utilizzo l'operatore ternario per fare una verifica // ed aggiornare il valore del contatore i = ((i < (slideshow.length-1)) ? i+1 : 0);

// cambio dinamicamente l'attributo "src" dell'immagine mostrata document.slideshowImg.src = slideshow[i]; } document.write('<img src="' + slideshow[0] + '" name="slideshowImg"><br/>'); document.write('<input type="button" value="Continua" onClick="sfoglia()">'); //--></script>