= FINESTRA POP-UP =

Questo script permette di far aprire una finestra pop-up cliccando su un'immagine.
Ideale per creare una galleria fotografica.

VEDI IL DEMO

CODICE DA COPIARE 1
ISTRUZIONI:

- Il codice 1 va copiato nella sezione <HEAD> della nostra pagina. Questo codice non
va modificato.

- Il codice 2 va copiato in un punto qualunque della sezione <BODY>.
Potete modificare le parti evidenziate in rosso, seguendo le istruzioni qui sotto,
in base alle vostre esigenze.

ATTENZIONE: questa visualizzazione del codice serve per evidenziare le modifiche:
non copiarlo da qui ma dalla textarea a sinistra.

<IMG SRC="http://www.tuosito.it/
tuaimmagine.jpg
"

indirizzo dell'immagine su cui cliccare.
Può essere la stessa immagine che apparirà
nella finestra pop-up rimpicciolita,
un'immagine uguale all'originale ma più
piccola, o anche una completamente diversa.

WIDTH=110 HEIGHT=150
ALIGN=bottom

larghezza e altezza (in pixel) e allineamento
(rispetto ad un eventuale testo posto accanto)
dell'immagine su cui cliccare.

onclick="openPopUp('http://www.tuosito.it/
tuaimmagine.jpg
','',

indirizzo del contenuto che apparirà nella
finestra pop-up: può è essere, come in questo
caso, la stessa immagine su cui cliccare, ma
ingrandita, oppure una pagina web.
Se l'immagine originale è molto grande, sarà
utile che l'immagine su cui cliccare non sia
l'originale stessa ma una thumbnail, cioè
un'immagine uguale all'originale ma più
piccola.

'immagine ingrandita',

se vogliamo dare un titolo alla nostra finestra
pop-up lo inseriamo qui (apparirà in alto),
altrimenti lasciamo il campo vuoto.

'toolbar=no,

di seguito varie caratteristiche che vogliamo
dare alla finestra pop-up: se vogliamo che vi
appaia la barra degli strumenti mettiamo yes,
altrimenti no.

location=no,

se vogliamo che vi appaia la barra degli
indirizzi mettiamo yes, altrimenti no.

status=no,

se vogliamo che vi appaia la barra di stato
mettiamo yes, altrimenti no.

menubar=no,

se vogliamo che vi appaia la barra dei menu
mettiamo yes, altrimenti no.

scrollbars=yes,

se vogliamo che vi appaiano le barre di
scorrimento mettiamo yes, altrimenti no.

resizable=yes,

se vogliamo che la finestra sia
ridimensionabile manualmente mettiamo yes,
altrimenti no.

width=200,height=200')">

rispettivamente: larghezza e altezza (in pixel)di partenza della finestra pop-up.

 

 


CODICE DA COPIARE 2