cómo cambio una imagen por otra con sólo hacer click en un hipervínculo de texto?

xmcamino · #1 (**permalink**) 27/02/2005, 00:09

Alguién puede ayudarme con el código de javascript necesario para cambiar una imagen por otra con sólo hacer click en un hipervínculo de texto? Sé cómo hacerlo con un botón de comando pero no con un hipervínculo de texto.
Hasta ahora he utilizado un codigo como el siguiente:
<html>
<head>
</head>
<body>
<p><img src="images/lamp1.jpg" name="lamp" width="100" height="100" id="lamp">
</p>
<p>top, front, back, side</p>
<input type="button" value="top" onClick="document.lamp.src='images/lamp2.jpg';">
<a href="javascript:window.document.lamp.src='images/lamp2.jpg';">top</a>
</body>
</html>

Gracias.

JavierB · #2 (**permalink**) 27/02/2005, 03:46

Hola xmcamino. Bienvenido al foro.

Prueba con:

<a href="#" onclick="document.lamp.src='file:///c:/web/imagen2.jpg';return false">top</a>

Saludos,

xmcamino · #3 (**permalink**) 27/02/2005, 19:19

Cita:

Iniciado por JavierB

Hola xmcamino. Bienvenido al foro.

Prueba con:

<a href="#" onclick="document.lamp.src='file:///c:/web/imagen2.jpg';return false">top</a>

Saludos,

Estimado Javier,
Muchas gracias por la ayuda. Funcionó perfectamente...!!
Acabas de ahorrarme varias horas de investigación.
Un abrazo.

JavierB · #4 (**permalink**) 28/02/2005, 10:28

Cita:

Iniciado por xmcamino

Acabas de ahorrarme varias horas de investigación.

Si, si, si. Ya verás cuando te llegue la factura por e-mail

Bueno, en serio, me alegro de que te haya resultado útil

Anarko · #5 (**permalink**) 21/04/2005, 20:18

Hola con el CF de ustedes hice esto:

Código PHP:

  <a href="#" onclick="document.lamp.src='sonido_si.gif';return false"><img src="sonido_no.gif" name="lamp" id="lamp" border="0"></a>

Pero seria muy bueno que al hacer clieck de nuevo, la imagen nuevamente cambiara.

Pueden ayudarme?

JavierB · #6 (**permalink**) 22/04/2005, 01:20

Hola Anarko

Esto te servirá:

Código PHP:

  <html>

<head>

<script type="text/javascript">

var img = false;

function cambiar() {

  document.lamp.src= (img) ? 'imagen1.gif' : 'imagen2.gif';

  img = !img;

}

</script>

</head>

<body>

<a href="#" onclick="cambiar();return false">

<img src="imagen1.gif" name="lamp" id="lamp" border="0">

</a> 

</body>

</html>

Saludos,

Anarko · #7 (**permalink**) 22/04/2005, 07:53

Funciono con IE
Funciono con Mozilla
Funciono con Nescafe

Que + se puede decir?....

Gracias!.

Bueno, y si yo quiero PRE-saber como se hace QUE TENGO QUE LEER?

Dame tu pocima!!!!

JavierB · #8 (**permalink**) 22/04/2005, 08:48

Me alegro de que te haya funcionado. No tengo ninguna pocima, lo que te puedo aconsejar es leer manuales (en las FAQs creo que hay unos cuantos), practicar, visitar forosdelweb y cuando te encuentres perdido, preguntar.

Hallking · #9 (**permalink**) 02/07/2009, 14:15

buenas disculpen por reanimal este tema pero tengo una duda

yo quiero hacer lo mismos pero en ves de imagens quiero cambiar un texto por un input al presionar un boton de un formulario:

ejemplo:

tengo los datos hallking quesada y un boton q se llama actualizar y q cuando presione ese boton se cambie el texto por dos input con el value de hallking y el otro con balue quesada.

otraves disculpa la molestia gracias

JavierB · #10 (**permalink**) 02/07/2009, 14:51

El mensaje original es de hace más de 4 años. Por favor, no reviváis temas tan antiguos.

Saludos,