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.
Tutores.org
Mostrando Codigo - Javascript
CODIGO
# Codigo ofrecido por Tutores.org
- <script language="javascript">
- function cambia(valor,ancho,alto)
- {
- document.all(valor).width = ancho;
- document.all(valor).height = alto;
- }
- </script>
- <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 -->
<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
Tutores.org
19/04/2003
4
5
gracias charliezeus
ya hemos actualizado la informacion
un saludo
ya hemos actualizado la informacion
un saludo
Comentario usuario
pepopepo
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
Gracias
Comentario usuario
RafaelFM
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>
<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
Darozi
04-04-2009 22:12:45
1
5
STA BUENISIMO PERO PARA QUE A LA HORA Q SE LE DE CLICK INGRESE A OTRA PAGINA
Comentario usuario
JantonioSR
13-10-2009 17:22:00
3
5
Pero apartir de donde se pone ese código??
De antemano MIL GRACIAS
De antemano MIL GRACIAS
INSERTAR COMENTARIO