Transizione immagine

[Final50]

Salve, premetto che non sono un programmatore web ma software e pertanto sto iniziando a studiare l'html5. Vorrei creare una homepage con due immagini (uomo - donna) e al passaggio del mouse su una delle due l'altra diventa piu piccola e opaca e viceversa. Avevo intenzione di sfruttare il metodo onMouseOver a cui associare un codice javascript per la transizione, ora so come cambiare immagine o dimensione in js ma non come opacizzarla ne come fare una transizione graduale decente. Illuminatemi!

[KillerWorm]

Ciao e benvenuto.
Non serve JavaScript (a parte che in tal caso avresti sbagliato sezione), per una cosa del genere puoi andare di CSS. Fai qualche ricerca sulla pseudo-classe :hover e le proprietà width, height, opacity e transition.
Buono studio.