mira cambiar una imágen por otra es sencillo
Código:
functions cambiaImagen(imagen) {
if(iamgen.src == imagen1.jpg) {
imagen.src = 'imagen2.jpg';
}
else {
imagen.src = 'imagen1.jpg;
}
}
y la imágen sería algo asi
Código:
<img src="imagen1.jpg" onmouseover="cambiaImagen(this)" onmouseout="cambiaImagen(this)" />
pero el efecto que le quieres dar no se si se podrá hacer con javascript y css.
Saludos