Gallery con zoom immagini solo css

[Niniane]

Il titolo non è molto chiaro ma non mi è venuto di meglio sinceramente...

Spiego: un cliente mi ha chiesto di realizzare una gallery di immagini come quella che potete vedere a questa pagina http://www.littlezebra.com/product.p...=1100&var=2691
ma con la differenza che, mentre in questo sito l'immagine cambia al mouse over e al mouseout viene fatto il restore dell'immagine originale (c'è un js che lo gestisce), il mio cliente vuole che non venga ripristinata l'immagine originale ma che al click o anche all'hover rimanga l'immagine su cui si è cliccato.

Mi chiedevo se si potesse fare senza utilizzare js...ne dubito ma sai mai che non ci sia qualche tecnica o trick particolare con i css da poter utilizzare.
Qualcuno sa darmi una dritta in proposito?

Graz...have a nice day guys!

[blekm]

queste potrebbero andare?

http://www.cssplay.co.uk/menu/gallery.html

http://www.cssplay.co.uk/menu/gallery_click

[Niniane]

Ciao Blekm,

grazie per i link.

Al secondo link la gallery con i thumbnails in basso è quella che farebbe per me ma analizzando la pagina con Firebug vedo un js lunghissimo e non riesco a capire se è con quello che gestisce la gallery o no.
:master:

[blekm]

disabilita i js e vedrai che la galleria funziona lo stesso

anche se non ho capito perchè escludi l'uso dei js a priori

[Niniane]

Escludo il js perché il cliente preferirebbe non usarlo dato che devo realizzare questa gallery in un sito di e-commerce e si vuole ridurre al minimo il rischio che i prodotti non si vedano perché l'utente ha js disabilitato.
E poi se posso fare con i css e basta preferisco di gran lunga anch'io...

Adesso mi studio la cosa e vedo di capire come funziona...grazie per ora.

[blekm]

Originariamente inviato da Niniane
Escludo il js perché il cliente preferirebbe non usarlo dato che devo realizzare questa gallery in un sito di e-commerce e si vuole ridurre al minimo il rischio che i prodotti non si vedano perché l'utente ha js disabilitato.
E poi se posso fare con i css e basta preferisco di gran lunga anch'io...

Adesso mi studio la cosa e vedo di capire come funziona...grazie per ora.

capito, però considera che ormai una percentuale irrisoria viaggia senza js abilitato

comunque, se trovi una soluzione solo css tanto meglio per te

[Raccoon29]

Ehi anch'io viaggio con i js disabilitati... qualcosa in cotrario?? eheheh

[Niniane]

Originariamente inviato da Raccoon29
Ehi anch'io viaggio con i js disabilitati... qualcosa in cotrario?? eheheh

:quote:

[blekm]

Originariamente inviato da Raccoon29
Ehi anch'io viaggio con i js disabilitati... qualcosa in cotrario?? eheheh

io nulla, figurati. Sei tu che ti perdi un sacco di opzioni e grafica in tanti siti

[Niniane]

Sto cercando di capire come funziona ma non ci arrivo...spero in una dritta

Vedo che il tag <a> contiene l'immagine grande all'interno di un [i] e uno span con il testo ai quali è stato dato display: none ma non riesco a capire tramite quale meccanismo al click si visualizza l'immagine grande. Nel testo di accompagnamento alla gallery Nichols parla degli stati focus e active ma nel css non vedo alcun riferimento a questi stati di <a> nonostante stia analizzando la pagina con Web Developer su Firefox.

Possibile che non riesca a vedere un pezzo del css? Vedo riferimento solo allo stato visited di a ma nulla su focus e active. Inoltre non riesco a capire il collegamento #nogo inserito nell'href...è forse un ancoraggio all'interno della pagina gallery_click?

Mah...mi sono persa...heeeeellllp!!!