ingrandire un'immagine sul posto

[sono io]

Ciao ragazzi, ho un'idea in testa ma non riesco più a trovare dove ho visto qualcosa del genere.

Immaginate una photo gallery con tante thumbs (miniature delle foto).
Cliccandoci sopra vorrei che si ingrandissero in una specie di popup, ma non proprio. Vorrei che l'immagine ingrandita comparisse vicino al mouse e sovrapposta alla pagina... Poi cliccando in qualunque punto dello schermo, l'immagine scompare di nuovo.

Sono riuscita a spiegarmi? Spero.
--Grazie dell'aiuto--

[salasir]

Dipende da cosa vuoi utilizzare (CSS, js, ...)

Una cosa del genere con js ? Lightbox

[sono io]

Carino!!!!
Non era in effetti quello che pensavo/avevo visto, che forse era realizzato con css e layers che apparivano/sparivano. Però anche questo è molto carino, grazie 1000 della segnalazione.

[salasir]

Come ti ho detto prima, dipende da cosa intendi utilizzare, se preferisci utilizzare solo CSS per evitare che con js disabilitato si perda l'effetto, oppure scegli altre strade.

Per esempio con i solo CSS puoi ottenere una cosa del genere:

Spiegazione:Galleria fotografica con i CSS
Esempio: http://www.extrowebsite.com/articoli...g/roll_img.htm

Ma è solo un'esempio.

[sono io]

Ollallà! Ma sei una fucina di risorse, salasir!

Dunque, l'idea di usare i css ovviamente mi piace di più per tutti i soliti discorsi di accessibilità ecc. Però l'esempio che mi hai mandato non mi soddisfa perchè vorrei l'apertura dell'immagine con un click (non solo con hover), e la vorrei in un riquadro che si sovrappone al resto della pagina coprendolo temporaneamente (e non in uno spazio dedicato).

Hai altre idee? Altrimenti il javascript va benissimo.
Ciao.

[salasir]

Ovviamente, solo con i CSS non mi risulta si possa gestire l'onclick ... dovresti inserire almeno l'evento onclick sul link dell'immagine piccola (thumbnail).

Però non sono esperto di js e quindi passo la parola ai più esperti in tale linguaggio, o se qualcuno ha soluzioni alternative.