gallery

[clikkiamo.it]

gallery

sicuramente avrete già trattato l'argomento ma se è cosi non riesco a trovarlo.
Sto cercando un codice da integrare nel css per creare una gallery.
In dettaglio devo ingrandire le miniature al passaggio del mouse ( o al click) , cosa che va di moda in questo periodo a quanto pare.
Credo che sia css perche li ho visti in siti statici di xhtml puro...( w3c)...se qualcuno può aiutarmi....grazie

[karedas]

Ciao clikkiamo

Non sono a lavoro e non ho gli strumenti necessari per testarlo quindi dimmi se testato funziona

Intanto una cosa.
Per fare ciò e per andare dietro al mio esempio il tuo html delle immagini è composto in questo modo:

[html]
<a href="indirizzo_immagine_ingrandita.html/jpg" class="hover_img">
<img src="immagine.jpg" alt="descrizione immagine"/>
</a>
[/html]

Ciò vuol dire che attribuisci ad ogni immagine un link di riferimento. Quando l'utente cliccherà sopra di essa il sito lo indirizzerà verso la prossima pagina.

Come vedi nel codice html ho impostato una classe al link "a" in modo da riferirsi. Andremo quindi a scrivere il nostro css:

.hover_img:hover img{
width:400px;
height:400px;
}

Dovrebbe in questo modo ingrandirti l'immagine alle dimensioni specificate. Ovvio che devi mettere quelle da te scelte.

Dimmi se funziona

[clikkiamo.it]

Grazie per la risposta, cmq credo di averlo trovato, vai su google e digita slimbox , trovi il link a mootools se non sbaglio con il download della gallery , sia i css che i js, con tanto di esempio.

Forse cmq anche il tuo potrebbe fungere, solo che francamente ho anchio pochissimo tempo.
Grazie infinite comunque per l'interessamento, ciao