SLIDE SHOW DI IMMAGINI AUTOMATICO
|
|
|
Questo script genera una proiezione di immagini automatica. In pratica
le immagini contenute nell'Array si alternano senza l'intervento dell'utente,
ad intervalli di tempo prestabiliti. Ovviamente dovrai inserire nell'Array
i nomi delle tue immagini, completi dell'intero percorso: se, ad esempio,
le immagini si trovano nella cartella "images", ogni elemento
dell'Array diventerà "images/nomeimmagine.jpg". L'altro
intervento riguarda il valore setTimeout, che determina il tempo di
permanenza di ogni fotogramma, e 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.
I migliori risultati si ottengono usando illustrazioni con le stesse dimensioni e lo stesso orientamento, ovvero tutte orizzontali o tutte verticali. Nell'esempio ho utilizzato quattro fotografie, ma puoi inserirne quante ne vuoi. Questa è la parte di codice da inserire in <head>: |
|
Secondo passaggio. Lo script va attivato al caricamento della pagina
con un evento onLoad. Per fare questo rintraccia il tag <body>
già presente all'interno del tuo documento html e aggiungi
al suo interno la stringa onLoad="rotate()" Se il tuo tag <body> non contiene altre istruzioni, relative ad esempio al colore dello sfondo, dopo la modifica avrà questo aspetto: |
|
Questa è la parte di codice da inserire nel corpo della pagina,
nel punto esatto dove vuoi far comparire lo Slide Show. Qui devi sostituire
ad "immagine1.jpg" il nome dell'immagine che deve comparire per
prima, completo dell'eventuale percorso. Devi inoltre modificare secondo
le necessità le due misure width e height e, se vuoi, il testo
tra virgolette del messaggio "alt":
|
| Thanks to: Chalcedony.com |