Descrizione: SLIDE SHOW DI IMMAGINI

Questo script serve per creare un (slide show) di immagini, con due collegamenti "Immagine precedente" e "Immagine successiva".la presentazione termina una volta raggiunta l'ultima immagine. 

 
Slide show

             << Immagine precedente - Immagine successiva >>

 

Script: Selezionare il codice della prima tabella, adoperare il tasto destro del mouse per l'operazione di copia ed incolla, e trasferite nella vostra pagina web.    - Il codice va inserito <head>:

Inserire l'indirizzo delle tue immagini,  sostituendo "immagine1.jpg". Consigliamo di inserire immagini con le stesse dimensioni e lo stesso orientamento.Nell'esempio sono utilizzate quattro fotografie, ma puoi inserirne quante ne vuoi.

<script language="JavaScript" type="text/javascript">
/* Script originale: http://www.chalcedony.com */
/* Elaborazione: imperiareport http://www.imperiareport.it */
myPix = new Array("immagine1.jpg","immagine2.jpg","immagine3.jpg","immagine4.jpg")
thisPic = 0
imgCt = myPix.length - 1

function processPrevious() {
if (document.images && thisPic > 0) {
thisPic--
document.myPicture.src=myPix[thisPic]
}
}
function processNext() {
if (document.images && thisPic < imgCt) {
thisPic++
document.myPicture.src=myPix[thisPic]
}
}
</script>

Questa parte di codice è da inserire in <body>. sostituisci ad "immagine1.jpg" l'indirizzo web dell'immagine che sarà la prima nello slide show . Modifica i parametri width e height secondo le misure delle immagini da inserire, e se vuoi, il testo tra virgolette del messaggio "alt": 

 <img src="immagine1.jpg" name="myPicture"
alt="Slide show" width="200" height="150">
<p><a href="javascript:processPrevious()">Immagine precedente</a> - <a href="javascript:processNext()">Immagine successiva</a></p>

 

 

 

       Torna a inizio pagina                    invia e-mail                                Commenti                             Segnala errori                              Stampa