Foros del Web » Programando para Internet » Javascript »

Ampliar imagen onmouseover

Estas en el tema de Ampliar imagen onmouseover en el foro de Javascript en Foros del Web. Hola: queria saber como puedo hacer que al pasar por una imagen se agrande, en probado con la funcion onmouseover() y agranda la imagen, pero ...
  #1 (permalink)  
Antiguo 27/03/2011, 08:58
 
Fecha de Ingreso: abril-2008
Mensajes: 64
Antigüedad: 16 años
Puntos: 2
Ampliar imagen onmouseover

Hola: queria saber como puedo hacer que al pasar por una imagen se agrande, en probado con la funcion onmouseover() y agranda la imagen, pero modifica toda las demas fotos que tengo insertadas, queria saber si existe alguna forma de aumentar la imagen sin modificar las demas, al estilo de cuando buscas imagenes en google, que aumente y las demas no se modifiquen.

Gracias por su tiempo
  #2 (permalink)  
Antiguo 27/03/2011, 11:39
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.734
Antigüedad: 15 años
Puntos: 1517
Respuesta: Ampliar imagen onmouseover

Lo puedes lograr con la palabra clave this.
Código HTML:
Ver original
  1. <img src="tiny_img.jpg" onmouseover="this.src='big_img.jpg'" onmouseout="this.src='tiny_img.jpg'" />
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #3 (permalink)  
Antiguo 27/03/2011, 11:40
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola, beinat

Muevo tu tema al foro de Javascript desde HTML.

Saludos,
  #4 (permalink)  
Antiguo 27/03/2011, 13:53
 
Fecha de Ingreso: noviembre-2005
Mensajes: 426
Antigüedad: 18 años, 5 meses
Puntos: 87
Respuesta: Ampliar imagen onmouseover

Este script me interesa asi que un un ratico lo hice, aqui esta:
http://jsfiddle.net/AltIvan/tydGm/1/embedded/result/

Aqui esta el codigo:
http://jsfiddle.net/AltIvan/tydGm/1/

Es usando jQuery (1.5.1)
si te parece que hace mucho zoom cambia la variable zoom a 1.5 o algun numero parecido.

Suerte

Etiquetas: html, onmouseover
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 15:55.