Foros del Web » Programando para Internet » Javascript »

Cambia imagen onmouseover sin enlace

Estas en el tema de Cambia imagen onmouseover sin enlace en el foro de Javascript en Foros del Web. Quiero que en mi web, al pasar el ratón sobre una imagen, esta cambie, pero sin necesidad de poner un enlace a otra página, solo ...
  #1 (permalink)  
Antiguo 19/04/2003, 12:01
Avatar de carliues  
Fecha de Ingreso: agosto-2002
Mensajes: 46
Antigüedad: 21 años, 9 meses
Puntos: 0
Cambia imagen onmouseover sin enlace

Quiero que en mi web, al pasar el ratón sobre una imagen, esta cambie, pero sin necesidad de poner un enlace a otra página, solo que cambie. Gracias, espeor que me ayudéis.
  #2 (permalink)  
Antiguo 19/04/2003, 12:28
Avatar de lantrax  
Fecha de Ingreso: abril-2003
Ubicación: Spain is different
Mensajes: 310
Antigüedad: 21 años
Puntos: 0
De acuerdo

Hola figura.

mira a ver si esto te vale. Suponque tienes dos imágenes uno.jpg y dos.jpg en una página web.htm
Debes poner una imagen y darla un nombre para poder acceder a ella desde javascript. La forma más sencilla pero quizás un poco rebuscada pues es puntual para cada imagen sinusar funciones es la siguiente.

web.htm
===========================
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
</head>

<body>
<img src="uno.jpg" name="fotopic" width="140" height="200" id="fotopic"
onmouseover=" document.fotopic.src='dos.jpg' " onmouseout="document.fotopic.src='uno.jpg' "
>
</body>
</html>

Cuidadín con las comillas simples y las dobles.
Disfrútalo con salud.

Salu2
  #3 (permalink)  
Antiguo 19/04/2003, 12:50
Avatar de carliues  
Fecha de Ingreso: agosto-2002
Mensajes: 46
Antigüedad: 21 años, 9 meses
Puntos: 0
De acuerdo

Muchas gracias, lantrax
  #4 (permalink)  
Antiguo 19/04/2003, 13:17
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 8 meses
Puntos: 381
Buenas

Tan sólo hacer un apunte.

Como en este caso la llamada al cambio la hace la imagen desde sí misma se puede omitir la llamada a su id (incluso omitir su id)

Al no estar la llamada en otro elemento, y referirse la imagen a sí misma se la puede referenciar mediante this

<img src="uno.jpg" name="fotopic" width="140" height="200" onmouseover="this.src='dos.jpg' " onmouseout = "this.src='uno.jpg' ">



saludos
  #5 (permalink)  
Antiguo 19/04/2003, 13:33
Avatar de lantrax  
Fecha de Ingreso: abril-2003
Ubicación: Spain is different
Mensajes: 310
Antigüedad: 21 años
Puntos: 0
Cierto!

Toma nota carleuis que lo de tunait es mucha mejor solucion pues usa los objetos de una manera + práctiaca.

Es que a algunos lo de los objetos nos cuesta, la verdad.

Salu2 y gracias
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 21:56.