Il sito per imparare gratuitamente a fare pagine Web

JavaScript E3
















E3 - Decidere come e quando far apparire le immagini.


Funziona con il Browser:  Firefox firefox   Safari Safari   Opera opera   IE internet explorer   Chr Chrome

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.

img1img3img2img4


Clicca qui per far ripartire la sequenza e fai più attenzione :)

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>.

seleziona tutto


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>

seleziona tutto



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




Valutazione

Valutazione: 2.53 stelle su 5
N. Voti: (45)



  Elenco completo degli script.



Se avete domande da fare potete scrivere sul forum di supporto , gratuito e aperto a tutti.