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:
<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
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/
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).