AYUDA: Cambiar una imagen por otra al hacer clic

[Enjuto]

Hola. Ante todo disculparme por mi ignorancia. Soy novato en estas lides y no sé hacer prácticamente nada y necesito ayuda.

A ver: me gustaría poner una imagen que al hacer clic sobre ella, o sobre un hipervínculo, se abriera otra imagen, pero en la misma página; es decir, en sustitución de la primera imagen. Que cambie la imagen, no que se abra otra. Y a ser posible, que la página en cuestión quede a la misma "altura", o sea, que no vuelva arriba como cuando recargas. He leído algo acerca del "onclick", pero no sé cómo aplicarlo.

¿Puede alguien ayudarme?

Gracias de antemano.

[valeguz]

Hola Enjuto

Si lo que querés es que la imagen cambie podes hacerlo asi:

Código HTML:

<img src="imagen1.gif" onClick="this.src='imagen2.gif'"> 

Si lo que querés es que al volver a clicar vuelva a la imagen original habria que refinarlo un poquito con alguna funcion en javascript...

Saludos

[Enjuto]

Funcionó perfectamente.

¡¡Muchas gracias!!



Y ya puestos... Para hacer algo similar, pero con texto; es decir, una especie de "spoiler" (ya sea a partir de un botón o de un hipervínculo)... ¿Cómo sería?

Saludos.

[valeguz]

Y ya puestos... Para hacer algo similar, pero con texto; es decir, una especie de "spoiler" (ya sea a partir de un botón o de un hipervínculo)... ¿Cómo sería?

eso es ser pedigüeño

Para un boton:

Código HTML:

<input name="boton" type="button" value="texto1" onClick="this.value='texto2'"> 

Para un texto:

Código HTML:

<span onClick="innerHTML='texto1'">texto</span> 

Pero acordate que esto te sirve para el primer clic, para que con el segundo clic te restaure el texto ya hay que agregarle unos pasitos mas....

Saludos

[Enjuto]

Con esto me sirve.

Muy agradecido nuevamente.