|
Come ingrandire un'immagine con un click
Anche in questo caso l'HTML c'entra poco. :-)
Ecco il codice JavaScript da utilizzare...
E' semplicissimo: le righe 8 e 9 indicano allo script il valore numerico da moltiplicare
alle dimensioni originali ogni volta che si fa click sull'immagine, che, in questo caso, è 2.
Ingrandire una immagine del 100% non è, però, sempre un effetto gradevole (specie per
immagini di per sé grandi). Vi consiglio, perciò, di "giocare" un po' sul
"moltiplicatore" al fine di trovare un giusto compromesso.
Per ingrandire l'immagine del 20%, ad esempio, bisogna moltiplicare per 1.2, per ingrandirla del
50% 1.5....e così via.
Resta inteso che, per rimpicciolirla, basterà moltiplicare le dimensioni per valori inferiori
all'unità: moltiplicare per 0.5, infatti, significa ottenere un'immagine con dimensioni
dimezzate alle originali.
Vuoi vederlo funzionare? Clicca qui!
|
CorsoHTML
di Francesco Ricca
|