
| Funziona con il Browser: |
Crediti:
Name: Eddie Traversa
Website: Non più in rete
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:
lo so che non si vede ma fateci clik sopra e salvatela con il tasto destro sulla stessa cartella dove avete 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
Se avete domande da fare potete scrivere sul forum di supporto , gratuito e aperto a tutti.