APRI FINESTRA EVOLUTO (per esperti)

Internet Explorer Mozilla Firefox

Questo script si rivela ideale quando vi trovate a dover presentare lo zoom di una serie di immagini aventi dimensioni simili; il codice si occupa di generare al volo un nuovo documento html, all'interno del quale viene inserita l'immagine, che è la variabile dichiarata nel collegamento. Se le immagini dovessero avere dimensioni diverse, basterà impostare i parametri width e height in modo tale da poter accogliere all'interno della finestra la più grande della serie.

Rispetto alla versione base ha anche altre interessanti caratteristiche:
A) Gli ingrandimenti si aprono sempre nella stessa finestra.
B) Potete impostare uno sfondo per la finestra nel colore che preferite.
C) Potete inserire un commento, come il copyright, e il comando chiudi finestra.

Questo è il codice da inserire tra <head> e </head>:

Questo è il codice da inserire come collegamento nella pagina, qualora si desideri aprire la nuova finestra da un link testuale. Ovviamente dovrete sostituire nomeimmagine.jpg con il vero nome dell'ingrandimento che verrà visualizzato. Se la cartella che contiene le immagini non è la stessa che contiene il documento html dovrete indicarne il percorso! Ad esempio: images/nomeimmagine.jpg.

Se invece si preferisce generare la nuova finestra da una miniatura o da un pulsante, basterà inserire nel tag del collegamento il codice dell'immagine ridotta. Ovviamente dovrete sostituire nomeimmagine.jpg con il vero nome dell'ingrandimento che verrà visualizzato, e miniatura.jpg con il vero nome dell'immagine ridotta; inoltre dovrete modificare width e height con i reali valori di larghezza e altezza della miniatura.
Se la cartella che contiene le immagini non è la stessa che contiene il documento html dovrete indicarne il percorso! Ad esempio: images/nomeimmagine.jpg.

Clicca qui per visualizzare l'immagine, oppure clicca sulla miniatura qui sotto.
Clicca qui per visualizzare l'immagine ingrandita
Thanks to: Rico