Publicentral.com - alta en buscadores, registro buscadores, promocionaPromocion en buscadores y negocios online
Mostrando Codigo - Javascript
Code

Javascript - Cambio de tamaño de imagen al pasar el mouse

Códigos Javascript

El script consigue que nuestra imagen cambie de tamaño al pasear el mouse por encima.
Visitas: 44,348 - 30/10/2005 12:40:23
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Codigo probado en ChromeCodigo probado en Mozilla FirefoxCodigo probado en Internet Explorer 7+Codigo probado en OperaCodigo probado en Safari


# Codigo ofrecido por Tutores.org

  1. <script language="javascript">
  2. function cambia(valor,ancho,alto)
  3. {
  4. document.all(valor).width = ancho;
  5. document.all(valor).height = alto;
  6. }
  7. </script>
  8. <img src="/tut/images/mundo.gif"  border="0" name="img" onMouseOver="cambia(this.name,50,50);" onMouseOut="cambia(this.name,100,100);">



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Cambio de tamaño de imagen al pasar el mouse" href="http://www.tutores.org/codigo/1547/" target="_blank">Cambio de tamaño de imagen al pasar el mouse</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
charliezeus
1 5
este codigo tambien sirve para firefox
Comentario usuario
19/04/2003
1 5
gracias charliezeus
ya hemos actualizado la informacion
un saludo
Comentario usuario
pepo
2 5
Esta muy bien, pero despues, cuando sacas el ratón de encima, se queda igual.¿cómo hago para que cuando el raton se aparte de la imagen se quede pequeña otra vez?

Gracias
Comentario usuario
10-12-2008 13:45:41
2 5
Tambien se puede anadir:
<html>
<head>
<script type language="javascript">
function cambia(valor)
{
document.all(valor).width="150";
document.all(valor).height="150";
}
function cambia2(valor2)
{
document.all(valor2).width="28";
document.all(valor2).height="30";
}
</script>
</head>
<body>
<img alt src="/tutores/images/mundo.gif" border="0" name="img" onMouseOver="cambia(this.name);" onmouseout="cambia2(this.name);">
</body>
</html>
Comentario usuario
04-04-2009 22:12:45
5 5
STA BUENISIMO PERO PARA QUE A LA HORA Q SE LE DE CLICK INGRESE A OTRA PAGINA
Comentario usuario
13-10-2009 17:22:00
1 5
Pero apartir de donde se pone ese código??
De antemano MIL GRACIAS
Comentario usuario
Varon
3 5
No funciona para el navegador OPERA...
Comentario usuario
11/08/2005 23.03.51
4 5
men rebuena, gracias por aportar estos codigod
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.