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>