How To a cura di: www.wmportal.it


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