Javascript Slideshow di immagini con bottoni

Posted on 05. May, 2006 by Administrator in javascript, tutorials


In questo articolo tratteremo ritornare alla pagina precedente a quella in cui siamo grazie all'oggetto
history.

<style>
#immagine{
width:600px;
height:500px;
border:1px solid #000000;
}
</style>

<script language="JavaScript">
var conta=1;
var immagini = new Array();
immagini[0] = "images/pagina1.gif";
immagini[1] = "images/pagina2.gif";
immagini[2] = "images/pagina3.gif";

function scorri(conta){
//alert(conta);
immagine.innerHTML="<img border=0 src="+immagini[conta]+">";
}
</script>
<body onload="scorri(0)">
<center>
<div id="immagine"> :</div>

<br>
<input type="button" value="avanti" onClick="scorri(conta);conta--;">
<input type="button" value="indietro" onClick="scorri(conta);conta++;">
</center>
</body>

Dove le immagini vengono messe in questo array:

immagini[0] = "images/pagina1.gif";
immagini[1] = "images/pagina2.gif";
immagini[2] = "images/pagina3.gif";


Correlati

Leave a reply