Quando passo il mouse sull'immagine vorrei vedere il jpg schiarirsi

[ubaldo.gulotta]

Vorrei che al passaggio del mouse su un immagine questa si schiarisse. Ho provato ad usare il comando onmouseover="" e funziona bene però vorrei aggiungere un effetto di schiarimento graduale e pensavo a jquery. Che tipo di codice posso scrivere? Non sono espertissimo di jquery mi date una miccola mano?

Grazie come sempre!

P.S.: In pratica vorrei che quando il mouse fosse lontano dalla foto questa ricominciasse a scurirsi gradualmente con la stessa velocità con cui si é schiarita... non istantaneamente come onmouseover...

[fcaldera]

$('img').hover(
    function() {
        $(this).animate({ opacity: 0.5 }, 400);
    },
    function() {
        $(this).animate({ opacity: 1 }, 400);
    }
);

[ubaldo.gulotta]

Originariamente inviato da fcaldera

$('img').hover(
    function() {
        $(this).animate({ opacity: 0.5 }, 400);
    },
    function() {
        $(this).animate({ opacity: 1 }, 400);
    }
);

Bravissimo, grazie! Era proprio quello che stavo cercando.