Slideshow con pulsante

<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>