Foros del Web » Creando para Internet » Diseño web »

Como se hace este efecto?

Estas en el tema de Como se hace este efecto? en el foro de Diseño web en Foros del Web. Hola amigos! Quiero saber como se hace para cuando pasas el raton por encima de las imagenes pequeñas se ve en grande arriba. Ejemplo : ...
  #1 (permalink)  
Antiguo 13/04/2009, 02:13
 
Fecha de Ingreso: julio-2008
Mensajes: 143
Antigüedad: 16 años, 3 meses
Puntos: 0
Como se hace este efecto?

Hola amigos! Quiero saber como se hace para cuando pasas el raton por encima de las imagenes pequeñas se ve en grande arriba. Ejemplo : http://www.fillow.net/product/239/s0...heckov-bg.html

Muchas gracias!
  #2 (permalink)  
Antiguo 13/04/2009, 08:21
Avatar de skatomundo  
Fecha de Ingreso: junio-2002
Ubicación: Santiago - CL
Mensajes: 2.532
Antigüedad: 22 años, 5 meses
Puntos: 125
Respuesta: Como se hace este efecto?

Hola,

viendo el sitio me encontré con que hace un onmouseOver llamando la función: getalt
function getalt(SC,ap){img.src='image.aspx?product='+SC+'&' +ap;}, creo que la llamada al archivo image hace la tarea de devolver la el SRC de la IMG.

saludos,
  #3 (permalink)  
Antiguo 13/04/2009, 13:27
Avatar de bookmaster  
Fecha de Ingreso: febrero-2002
Ubicación: Toledo
Mensajes: 976
Antigüedad: 22 años, 9 meses
Puntos: 67
Respuesta: Como se hace este efecto?

Fijate en el post http://www.forosdelweb.com/f91/urgen...agenes-688775/

En el código tienes la manera de hacerlo, solo tienes que cambiar el Imagen.src por la imagen "grande" y cambiar 'Images/buscayahoo.jpg' por tus imagenes.

De todas maneras te dejo un ejemplo:
http://fdw.lohacemosweb.net/cambiodeimagenes.php

Extracto del código que lo hace:
Código HTML:
<img id="ImagenGrande" src="Images/busca.jpg"  height="300" width="300">
<p>
<img src="Images/buscayahoo.jpg" height="150" width="150"
onmouseover="ImagenGrande.src='Images/buscayahoo.jpg'"
onmouseout="ImagenGrande.src='Images/busca.jpg'">

<img src="Images/buscagoogle.jpg" height="150" width="150"
onmouseover="ImagenGrande.src='Images/buscagoogle.jpg'"
onmouseout="ImagenGrande.src='Images/busca.jpg'">
</p> 
__________________
Decir si te a funcionado la respuesta es ¡GRATIS!. Por favor indicarlo.
http://www.lohacemosweb.net
http://tutoriales.lohacemosweb.net

Última edición por bookmaster; 13/04/2009 a las 13:32
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:00.