Animacja jquery przy zmianie src obrazka

Dla specjalistów Webmastering
#1

Witam,

Po najechaniu myszką na obrazek chce aby zmieniał się na czrno-biały i zrobiłem coś takiego za pomocą zmiany atrybutu src obrazka

$('#img_lounge').mouseover(function() { //div z obrazkiem

        $("img#obraz_lounge").attr("src", "img/index_color.jpg");

});

jednak chce aby to wykonywało się z jakąś animacją np. aby powoli zmieniał się na czrno-biały i wiem, że trzeba wykorzystać funkcję animate lecz nie bardzo wiem jak ją tutaj wykorzystać. a może jest jakiś inny sposób? Proszę o pomoc.

#2

takie rzeczy to tylko w … (tej marki juz nie ma)

jquery nie zrobi za ciebie przejścia z kolorowego na czarnobialy rysunek.

mozesz co najwyzej zrobic fadeOut’a na kolorowym :

robisz dwa obrazki, jeden na drugim (od spodem cz-b, na gorze kolorowo; jeden przykrywajacy drugi, widoczny jest tylko kolorowy) i po najechaniu jest wykonywany fadeOut na kolorowym.

#3

chwilę zastonowiłem się nad tym zdaniem (co wydało mi się bardzo błędnym spostrzeżeniem)

może nie jquery ale już czysty js potrafi takie rzeczy

google i fraza: js edit image

piewszy link: http://www.pixastic.com/lib/

voila!