[Ayuda] Galeria con efecto de cambiar imagen al pasar el mouse (javascript)

[Graphixx]

Hola compañeros alguien sabe como lograron el efecto de las fotos en esta pagina:
http://www.colombianrealty.com/16331-apartamento-para-la-renta-en-el-poblado

pueden ver que cuando uno pasa sobre las imagenes la imagen principal cambia.


Yo tengo medio idea de que es asi:

Código [Seleccionar] Expandir


<script language="javascript">

function img_sobre(imgname)

{

document.getElementById("imageppal").src = imgname;

}

</script>



$pics .= '<img src="images/'.$codigo.'/th_'.$col_th['file_or'].'" id="imgppal" name="imgppal" onmousemove="img_sobre(\'images/'.$codigo.'/'.$col_th['file_or'].'\');" height="77" width="98" alt="'.strtoupper(mysql_result($resp,0,"titulo")).'" title="'.strtoupper(mysql_result($resp,0,"titulo")).'" >';


pero no me funciona, asi que algo debe de hacer falta.

Ya encontre como era aca:
http://www.guruc.com/tips_programacion/galeria.html

[EFEX]

Tambien se puede hacer con css sin necesidad de utilizar js para no complicarse demasiado.

25+ CSS Image Galleries
http://www.web3mantra.com/2011/03/28/25-css-image-galleries/

50 Excellent Image Galleries You Can Use Today
http://net.tutsplus.com/articles/web-roundups/50-excellent-image-galleries-you-can-use-today/

Lo que te falta es utlizar la funcion img_sobre para declara la ruta del la imagen, mira hay generados unos archivos en js llamados

colombianrealty.com/16331-apartamento-para-la-renta-en-el-poblado/event/seq/1/onmousemove

...

colombianrealty.com/16331-apartamento-para-la-renta-en-el-poblado/event/seq/8/onmousemove

Y solamente tienen 3 lineas de codigo

event/seq/1/

Código (javascript) [Seleccionar] Expandir


function onmousemove(event) {
img_sobre('images/16331/16331 (4).jpg'); /* www.colombianrealty.com/images/16331/16331%20(2).jpg */
}


Aqui se declara la ruta de la imagen, no del thumb (th_16331%20(1).jpg).