HTML: Fare in modo che cliccando su un'immagine piccola si apra la versione grande

Tramite i parametri width e height del tag img puoi ridimensionare le immagini nelle tue pagine Web. Però devi tener conto che facendo in questo modo l'immagine deve venir caricata tutta anche se è visualizzata piccola, quindi per una questione di velocità è sempre meglio creare un'immagine ridimensionata e caricare quindi due immagini (quella originale e quella piccola).

Ecco un esempio di codice utilizzando una sola immagine (sconsigliato):
<a href="immagine.jpg"><img src="immagine.jpg" width="100" height="80" /></a>


Ecco un esempio di codice utilizzando due immagini:
<a href="immagine.jpg"><img src="immagine-ridimensionata.jpg" width="100" height="80" /></a>

Guida scritta da il 05/07/2007.

Le ultime guide della categoria HTML:

comments powered by Disqus