Decidere come e quando far apparire le immagini.
Crediti:
Name: Eddie Traversa
Website: http://www.dhtmlnirvana.com/
Descrizione: Decidere la sequenza e il tempo di apparizione sullo schermo delle varie immagini che compongono la pagina web. Qui sotto ne ho inserite 4 e saranno visualizzate una di seguito all'altra con un ritardo di 1 secondo, il tutto avrà inizio soltanto dopo che la pagina sarà stata completamente caricata in memoria del browser.
Passo 1 :
Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non vi rimane che trasferire il tutto nella vostra pagina web, in questo caso fra i tags: <head> e </head>.
Passo 2:
Selezionare tutto il codice nella finestra sotto cliccando sulla forbice, quindi posizionatevi sul testo evidenziato e adoperare il tasto destro del mouse per l'operazione di copia ed incolla, trasferitelo nella vostra pagina web, in modo che sostituisca il vostro tag: <body>
Passo 3:
Adesso non resta che inserire il codice per le varie immagini che è lo stesso di quello che di solito si adopera in HTML con la variante del nome:
<img src="blank.gif" width="XX" height="YY" name="img1">
Modificate i parametri XX e YY con le reali dimensioni in pixel dell'immagine, lasciando inalterato il resto del codice.
L'immagine di nome blank.gif è questa di lato,  salvatela con il tasto destro sulla stessa cartella dove aveta la vostra pagina web che contiene lo script.
Note : nella prima parte dello script trovate i nomi delle immagini: img1on.src = "nome1.jpg"; cambiate soltanto la parte nome1.jpg, nome2.jpg ecc. ecc. senza alterare niente altro di quel codice.
Qualche riga sotto trovate invece i vari timers per stabilire il tempo di apparizione:
setTimeout("imgOn('img1')",1000); cambiate soltanto il numero finale (1000) che corrisponde ad 1 secondo (1000 millisecondi) lasciando inalterato tutto il resto del codice. Torna all'esempio grafico
 Elenco completo degli script.
Libera Donazione
Potete fare domande e discutere l'argomento sul Forum
|
Home ·
XHTML con Style ·
Primi Passi ·
Guida HTML ·
Guida CSS ·
F.A.Q. ·
Scripting ·
Applets ·
Grafica Web ·
Forum ·
Comunicazioni 
Home Page ·
Aggiungi ai preferiti ·
Segnala il sito ai tuoi amici ·
