CODICI JAVASCRIPT LINK DI IMMAGINI

Questo javascript permette di far visualizzare delle immagini diverse al click su un link.
Clicca su avanti o indietro per vedere le immagini in sequenza.

ANTEPRIMA:

Indietro Avanti

PER USARE QUESTO SCRIPT COPIA IL SEGUENTE CODICE e incollalo nella tua pagina web dove vuoi che venga visualizzato.

<SCRIPT LANGUAGE="JavaScript"> <!-- // Use the following variable to specify // the number of images var NumberOfImages = 4 var img = new Array(NumberOfImages) // Use the following variables to specify the image names: img[0] = "script_immagine0.jpg" img[1] = "script_immagine1.jpg" img[2] = "script_immagine2.jpg" img[3] = "script_immagine3.jpg" var imgNumber = 0 function NextImage() { imgNumber++ if (imgNumber == NumberOfImages) imgNumber = 0 document.images["VCRImage"].src = img[imgNumber] } function PreviousImage() { imgNumber-- if (imgNumber < 0) imgNumber = NumberOfImages - 1 document.images["VCRImage"].src = img[imgNumber] } //--> </SCRIPT> <IMG SRC="script_immagine0.jpg" NAME="VCRImage"><br /> <A HREF="javascript:PreviousImage()"> Indietro</A> <A HREF="javascript:NextImage()"> Avanti</A>


COSA PUOI MODIFICARE

Il numero delle immagini. Nell'esempio io ho usato solo 4 immagini, ma puoi usarne quante ne vuoi andando a modificare il numero della stringa:
var NumberOfImages = 4 con il numero delle immagini che vuoi e andando di conseguenza ad aumentare/diminuire la lista dei comandi delle immagini rispettando la numerazione sequenziale:
img[0] = "script_immagine0.jpg"
img[1] = "script_immagine1.jpg"
img[2] = "script_immagine2.jpg"
img[3] = "script_immagine3.jpg"

Io ho usato per comodità immagini della stessa dimensione. Puoi usare immagini con dimensioni diverse fra loro. Anche se esteticamente non sarà il massimo =)
Le immagini che ho usato nell'esempio si chiamano script_immagine.jpg , devi ovviamente sostituire il nome delle tue immagini.

INDIETRO: TORNA AI CODICI JAVASCRIPT