[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]

Może glupi pomysł, ale dałbym czarne tlo z opacity nad ten element (IMG:style_emoticons/default/biggrin.gif)

[com]

Jaki to ma związek z AJAX? Uzyskałeś przecież efekt rozjaśnienia w jakiś sposób w ten sam zrób przyciemnienie, czyli tak jak napisał Kloc zamiast koloru białego na hover daj czarny (IMG:style_emoticons/default/smile.gif)

[northwest]

nooo właśnie nie wiem w jaki sposób to zrobić (IMG:style_emoticons/default/sad.gif)
Rozjaśnianie mam zrobione w taki sposób:

[HTML] pobierz, plaintext 
 $(document).ready(function(){   
$('.wyprzedaz_zd').each(function(){
$(this).hover(function(){
    $(this).animate({opacity: 0.5}, 250, 'swing');
},function(){
    $(this).animate({opacity: 1}, 250, 'swing');
});
});
  }) 
[HTML] pobierz, plaintext 

A jak to przyciemnić(IMG:style_emoticons/default/questionmark.gif) (IMG:style_emoticons/default/wink.gif)

[ikssde]

Zrób sobie <div> którego pozycje ustawisz jako absolutną i wymiary takie, żeby zakrył cały obrazek, potem ustaw dla niego kolor tła na czarny i sobie operuj przezroczystością tak jak w przykładzie, który podałeś.

[com]

W css na hover daj tlo jako czarny i zmien skale opacity i gotowe

[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