Descrizione: SLIDE SHOW DI IMMAGINI  " TIPO AUTOMATICO "

Questo script serve per creare un (slide show) di immagini con scatto automatico le immagini contenute nell'Array si alternano senza l'intervento dell'utente, ad intervalli di tempo prestabiliti.

Slide show

 

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 in <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. E possibile cambiare il valore setTimeout, che determina il tempo di permanenza di ogni fotogramma,  che attualmente è impostato a 2000. Puoi aumentare o diminuire a piacimento questo valore, ricordando che in Javascript il tempo è espresso in millisecondi; quindi 2000 equivale a 2 secondi, 5000 a cinque secondi e così via.

sostituisci con l'indirizzo delle tue immagini
("immagine1.jpg","immagine2.jpg","immagine3.jpg","immagine4.jpg")

<script language="JavaScript" type="text/javascript">
/* Script originale: http://www.chalcedony.com */
/*Illustrato: ImperiaReport http://www.imperiareport.it */
adImages = new Array("immagine1.jpg","immagine2.jpg","immagine3.jpg","immagine4.jpg")
thisAd = 0
imgCt = adImages.length

function rotate() {
if (document.images) {
thisAd++
if (thisAd == imgCt) {
thisAd = 0
}
document.rotationImage.src=adImages[thisAd]
setTimeout("rotate()", 2000)
}
}
</script>

Procedi copiando lo script sottostante che va attivato al caricamento della pagina . Per fare questo rintraccia il tag <body> già presente all'interno del tuo documento html e aggiungi al suo interno la stringa onLoad="rotate()"

 
  <body onLoad="rotate()">
 

Terzo passaggio:Questa parte di codice è da inserire in <body>.nel punto esatto dove vuoi far comparire lo Slide Show.  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="rotationImage"
alt="Slide show" width="200" height="150">

 

 


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

 www.imperiareport.altervista.org.- Risorse gratuite per webmaster

Copyright © 2008 - 2010