|
Título: [Ayuda] Galeria con efecto de cambiar imagen al pasar el mouse (javascript) Publicado por: Graphixx en 8 Enero 2013, 00:37 am 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: <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 Título: Re: [Ayuda] Galeria con efecto de cambiar imagen al pasar el mouse (javascript) Publicado por: EFEX en 8 Enero 2013, 09:04 am 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
Aqui se declara la ruta de la imagen, no del thumb (th_16331%20(1).jpg). |