Foros del Web » Creando para Internet » HTML »

Aumentar la Imagen

Estas en el tema de Aumentar la Imagen en el foro de HTML en Foros del Web. Estimados: No he podido encontrar el codigo para generar, la siguiente función: Tengo una imagen al interior de una celda (87px X 120px), a la ...
  #1 (permalink)  
Antiguo 09/10/2003, 16:52
 
Fecha de Ingreso: agosto-2002
Mensajes: 45
Antigüedad: 15 años, 4 meses
Puntos: 0
Mensaje Aumentar la Imagen

Estimados:

No he podido encontrar el codigo para generar, la siguiente función:

Tengo una imagen al interior de una celda (87px X 120px), a la cuál quiero que al posicionar el mouse sobre la imagen aumente su tamaño al doble o triple.

Si alguien puede indicarme como, se lo agradeceria.

Carlos
  #2 (permalink)  
Antiguo 09/10/2003, 17:02
Avatar de tilu  
Fecha de Ingreso: agosto-2002
Ubicación: u-l-d-m
Mensajes: 1.885
Antigüedad: 15 años, 3 meses
Puntos: 5
para ello es necesario usar dos imagenes, y lo consigues con javascript
__________________
"Casualidad es el juego favorito del destino", Tilu
  #3 (permalink)  
Antiguo 09/10/2003, 17:12
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
nas ...


La propuesta de tilu sería una opción (hola guapa )

Ahí dejo otra.

Pon este script en alguna parte de head

<script language="JavaScript">
var an,al
function redimensiona(cual){
an = cual.width
al = cual.height
cual.width = an*2
cual.height = al*2
cual.onmouseout = function(){cual.width = an; cual.height = al}
}
</script>

Y a las imágenes les pones....

<img src="pepe.gif" width="29" height="21" onmouseover="redimensiona(this)" >

Eso sí.... la imagen se pixelará
  #4 (permalink)  
Antiguo 09/10/2003, 17:16
Avatar de tilu  
Fecha de Ingreso: agosto-2002
Ubicación: u-l-d-m
Mensajes: 1.885
Antigüedad: 15 años, 3 meses
Puntos: 5
esta muy bien el código de Tunait (hola lindura )

aquí te dejo otra para que tengas un menú a degustar más amplio,


esto va en el <head>

<script>
var foto=new Array()
foto[0]=new Image()
foto[0].src="imagen_chica.gif"
foto[1]=new Image()
foto[1].src="imagen_grande.gif"
</script>




y esto en el lugar de las imágenes dentro del <body>

<img src="imagen_chica.gif" onmouseover="this.src=foto[1].src" onmouseout="this.src=foto[0].src">





Puedes incorporar cuantas imágenes desees
__________________
"Casualidad es el juego favorito del destino", Tilu

Última edición por tilu; 09/10/2003 a las 17:42
  #5 (permalink)  
Antiguo 10/10/2003, 08:19
 
Fecha de Ingreso: agosto-2002
Mensajes: 45
Antigüedad: 15 años, 4 meses
Puntos: 0
Gracias a los dos, Tunait te presento mis excusas porque en un post anterior no haberme percatado que eras una Dama (Dije: caballeros), mis respetos y gracias por adornar este frio mundo cibernetico.

Saludos,

Carlos
  #6 (permalink)  
Antiguo 10/10/2003, 10:16
Avatar de tilu  
Fecha de Ingreso: agosto-2002
Ubicación: u-l-d-m
Mensajes: 1.885
Antigüedad: 15 años, 3 meses
Puntos: 5
Cita:
Mensaje Original por Carlos_X
Gracias a los dos, Tunait te presento mis excusas porque en un post anterior no haberme percatado que eras una Dama (Dije: caballeros), mis respetos y gracias por adornar este frio mundo cibernetico.

Saludos,

Carlos

Vamos Carlos, que el único varón en este post, eres tú
__________________
"Casualidad es el juego favorito del destino", Tilu
  #7 (permalink)  
Antiguo 10/10/2003, 16:42
 
Fecha de Ingreso: agosto-2002
Mensajes: 45
Antigüedad: 15 años, 4 meses
Puntos: 0
Sorry..., doble caida (debe haber sido el antifas...), disculpen My Ladies.

Saludos,

Carlos
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 17:14.