[AJAX]Przyciemnienie obrazka po najechaniu myszką Opcje

[northwest]

Witam serdecznie,
Mam taką stronkę: http://46.29.150.76/igzm2/
i na niej 3 boxy WSPÓŁPRACA, AKTUALNOŚCI i SZKOLENIA.
Po najechaniu na nie myszką obrazek się rozjaśnia - a chciałbym żeby się przyciemniał.

Ma ktoś może pomysł jak to można zrobić?

Bardzo proszę o pomoc,
Northwest

[Kloc]

Albo taki sposób (IMG:style_emoticons/default/wink.gif)

[HTML] pobierz, plaintext 
<div id="block">
    <img src="https://lh3.googleusercontent.com/-gjxoCu8Fu3c/AAAAAAAAAAI/AAAAAAAAAAA/Uji17DdykF4/photo.jpg" id="foto" />
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#block{
width:500px;
height:500px;
background:black;
}
 
#foto{
width:500px;
height:500px;
}
 
#foto:hover{
opacity: 0.1;
}
[HTML] pobierz, plaintext