DOMANDA Galleria immagini

[NerdMind]

Salve a tutti, come da titolo ho un problema nella realizzazione di una galleria immagini utilizzando css e html. Il tipo di galleria che vorrei fare dovrebbe funzionare in questo modo:

Le miniature sono 7 e sono disposte in fila come in figura

Fin qui ci siamo, ora vorrei che come si passa il mouse sopra una miniatura, questa venga ingrandita in modo da mostrarla a dimensioni maggiori senza spostare le altre miniatura dalla loro posizione e qui sorge il problema! La miniatura si ingrandisce ma le altre non rimangono al loro posto come potete notare in figura

Questo è il codice CSS: [CSS] CSS galleria - Pastebin.com

Questo è il codice HTML:

 HTML galleria - Pastebin.com[/url]

Spero che mi possiate aiutare!

 

[cdtux]

Provato con lo z-index su .pictures img:hover{}??

 

[NerdMind]

Provato con lo z-index su .pictures img:hover{}??

Provato e riprovato! Si spostano sempre quelle maledette

 

[cdtux]

Allora mi sa che l'unica sia usare anche Javascript e creare modal (che è anche più carino).

 

[NerdMind]

Allora mi sa che l'unica sia usare anche Javascript e creare modal (che è anche più carino).

Si mi piace come effetto, facendola così allora disporrò in maniera diversa le miniature per non avere solo una linea occupata, grazie per l'aiuto :)

 

[Andrea1234567]

Z-index non influisce su quello che vuoi fare te, bensì decide solo se l oggetto sta sopra o sotto ad un'altro.
Prova ad usare js, ad esempio il modal (come suggerito sopra) è molto carino come effetto.

 

[NerdMind]

Z-index non influisce su quello che vuoi fare te, bensì decide solo se l oggetto sta sopra o sotto ad un'altro.
Prova ad usare js, ad esempio il modal (come suggerito sopra) è molto carino come effetto.

Ho risolto il tutto sbattendoci la testa creando una semplice galleria come la volevo fare io utilizzando html e css, l'effetto è simile a modal ma senza codice js