Cambio de imagen

javimv · #1 (**permalink**) 11/08/2004, 14:54

Hola, salu2 a tod@s.

Tengo un pequeño problema. Quiero crear una página en la que una imagen cambia por otra al hacer click sobre una tercera imagen. He probado con vínculos, con frames y funciones javascript, pero la verdad es que estoy bastante desentrenado. Quisiera hacerlo en una sola página y sin necesidad de recargar. Creo que se puede hacer con funciones javascript.

Gracias y un saludo.

PatomaS · #2 (**permalink**) 13/08/2004, 07:29

Hola

Aquí te dejo una página xhtml 1.1 de ejemplo de como lo puedes hacer:

Código:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<script type="text/javascript">
<!--
	function desaparecer(x) {
		document.getElementById('imagen_1').src = 'imagen_0.gif';
	}
//-->
</script>
<title>Imágenes que cambian</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<body>
<p><img src="imagen_0.gif" width="34" height="35" id="imagen_0" onclick="javascript:desaparecer()" alt="" /></p>
<p><img src="imagen_1.gif" width="50" height="41" id="imagen_1" alt="" /></p>
</body>
</html>

Suerte

Felicidad

javimv · #3 (**permalink**) 13/08/2004, 18:08

¡¡Lo conseguí!!
Aunque tuve que hacer una mezcla de las soluciones que me dieron y aportar un poco de mi parte.

Está en http://www.telefonica.net/web2/javiteka/monedas.html
por si quereis verlo.

Salu2.