Alternare delle immagini cliccabili in movimento.
Crediti:
Name: Sconosciuto
Website: Reperito in rete
Descrizione: Un modo simpatico ed elegante di alternare delle immagini con la possibilità di renderle cliccabili.
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: Sostituire l'attuale riga <body> con questa sotto.
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 :
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: <body> e </body>.
Passo 4 :
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: <body> e </body>.
Note : A questo punto non resta che cambiare i riferimenti ai links e alle immagini che ho adoperato io nell'esempio.
Si tratta del codice inserito nel passo 3, dove dovrete sostituire:
<a href="http://www.web-link.it/top_list.html">
con il vostro link che volete associare all'imagine usata.
<img src="http://www.web-link.it/friends/html/web-link1.gif" width="100" height="48"
con la vostra immagine grafica, sia essa in formato gif o jpg, comprese le sue dimensioni che in questo esempio sono 100 x 48 pixel ma che dovranno invece essere esattamente come quelle dell'immagine che intendete adoperare.
Fatelo ovviamente per tutti i blocchi di codice che intendete adoperare, (questi variano a seconda del numero di immagini che intendete adoperare).
Volendone aggiungere più di quante ne ho inserite io nell'esempio, basterà seguire la falsariga del codice già esistente. Alla fine dovrete cambiare la variabile RotMax=3(passo 4) inserendo al posto del 3 il numero delle immagini che avrete deciso di mettere in rotazione.
Attenzione esiste anche un'immagine trasparente, questa deve essere adoperata con le stesse identiche dimensioni di quelle usate per le vostre immagini.
Se non avete mai usato una gif trasparente, questa sotto è per voi, salvatela col tasto destro, ho messo il bordo a 1 soltanto per permettervi di vederla.
 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 ·
