Immagini rimpicciolite al passaggio del mouse

[matteor]

salve, dovevo utilizzare uno scriptino che mi permettesse la seguente funzione:

immagine di 70x70 pixel, al passaggio del mouse l'immagine deve essere ridimensionata a 50x50;


ho trovato (ovviamente) diverse cose per sostituire l'immagine con un'altra di medesime dimensioni, ma nulla per la funzione che serve a me.

spero che qualcuno mi possa aiutare!

[Mich_]

Si fa con i CSS:

[img]...[/img]

In un CSS della head ci dovra` essere:
.rimpicc {width:70px; height:70px; }
.rimpicc:hover {width:50px; height:50px; }

Nota: la pseudoclasse :hover in IE e` applicabile solo ad un link, per cui questa cosa qui sopra non funziona.

[matteor]

io ho fatto

<img src=pulsante.jpg>


e nel foglio di stile ho messo

a.rimpicc {width:70px; height:70px; }
a.rimpicc:hover {width:50px; height:50px; }



però non funziona;
ho provato a metterlo anche nel tag <img> (modificando pure il foglio di stile), ma (come tu stesso mi avevi fatto capire) non funziona nemmeno;

cosa devo correggere?

[Mich_]

Questo ultimo tentativo e` sbagliato. Il CSS corretto per il tuo HTML e`:

a.rimpicc img {width:70px; height:70px; }
a.rimpicc:hover img {width:50px; height:50px; }

perche` le dimensioni le dai al tag img, non al lilnk.

[matteor]

incollo quanto ho fatto io:

a.pic img {width:70px; height:70px; }
a.pic:hover img {width:50px; height:50px; }

nel foglio di stile, mentre nel file html:


<img src=logo.gif>



ma nulla, non mi da nessun effetto!

[matteor]

nessuna soluzione per il mio problemino?

[Mich_]

Non so piu` che dire.

Puoi provare con
a.pic>img { width:70px; height:70px; }
a.pic:hover>img { width:50px; height:50px; }

ma credo che sia la stessa cosa.


Oppure con:
a.pic { width:70px; height:70px; }
a.pic:hover { width:50px; height:50px; }

a.pic img { width:inherit; height:inherit; }

ma non so se questo cambai qualcosa.

[matteor]

purtroppo no, il css funziona (Dato che cmq l'immagine prende le dimensioni da lì) ma non ho l'effetto grande-piccolo.

Se qualcuno riesce a trovare una soluzione faccia un fischio, tnx!