Transición de blanco y negro a color?

Question

Tengo un ícono en blanco y negro, y quiero que el ícono transite al ícono de color (como un fundido cruzado) durante el evento de desplazamiento. ¿Cómo puedo hacer esto en jQuery? #stumped.

Gracias!

Answer 1

Un ejemplo es aquí: Greyscale Hover Effect w/ CSS & jQuery

Answer 2

¿Qué hay de la decoloración en uno y el otro fuera?

$(function(){ 
    $('#coloricon').hide(); 

    $("#bwicon").hover(function(){ 
    $('#bwicon').fadeOut('slow'); 
    $('#coloricon').fadeIn('slow'); 
    }); 
}); 

<img id="bwicon" src="bw.png" style="position:absolute;top:50;left:50;"> 
<img id="coloricon" src="color.png" style="position:absolute;top:50;left:50;">