| Funziona con il Browser: |  firefox |
 Safari |
 opera |
 internet explorer |
 netscape navigator |
Crediti: John Davenport Scheuer
Name: jscheuer1
Website: dynamicdrive
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, posizionatelo nella vostra pagina fra i tags <head> e </head>.
Passo 2 :
Salvate nella stessa cartella dove avete la pagina web questo file: expando.js è sufficiente cliccare sopra al link col tasto destro e scegliere salva oggetto con nome o salva destinazione con nome, dipende dal browser adoperato.
Passo 3 :
Non vi resta che assegnare alle vostre immagini la classe expando, se vi fa comodo il mio esempio, 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, posizionatelo nella vostra pagina fra i tags <body> e </body>.
Note : Assegnate alle vostre immagini delle dimensioni più piccole di quelle reali, in modo da poter vedere l'effetto di espansione. Se per esempio le dimensioni reali della vostra immagine fossero 500 x 400 pixel, si potrebbe usare width="250" height="200" avendo un'espansione pari al doppio.
Nel css trovate vertical-align: top; sostituendo top con altro parametro valido, per esempio bottom, è possibile cambiare la direzione dell'effetto espansione.
Puoi lasciarmi un msg, un suggerimento, una critica, un link.
Elenco completo degli script.