Cambio de imagen + link

CRISMA · #1 (**permalink**) 09/10/2004, 14:56

saludos

Tengo cinco imaganes dentro de un marco (parte superior) que me sirven de links a otras paginas que se cargan en un marco (parte inferior). Estoy tratando de colocar un efecto de manera que cuando haga click en alguna de ellas la imagen cambie pero que las otra 4 conserven la imagen original... no se si se entiende...

si hago click en el primer link cambio la imagen de ese link, pero si luego hago click en el segundo link cambio la imagen de ese link pero que la imagen del primer link vuelva a la inicial.

se podra hacer esto?

agradezco la ayuda...

KarlanKas · #2 (**permalink**) 09/10/2004, 19:04

Prueba con esto. abajo es el supuesto nombre del frame de abajo.

Código HTML:

<html>
<head>
	<title>Untitled</title>
	<script>
	var otro=null;
	imagenOn=new Array();
	imagenOff=new Array()
	
	imagenOn[0]=new Image();
	imagenOn[0].src="http://www.forosdelweb.com/images/buttons/reply.gif";
	imagenOff[0]=new Image();
	imagenOff[0].src="http://www.forosdelweb.com/images/smilies/biggrin.gif";
	
	imagenOn[1]=new Image();
	imagenOn[1].src="http://www.forosdelweb.com/images/buttons/edit.gif";
	imagenOff[1]=new Image();
	imagenOff[1].src="http://www.forosdelweb.com/images/buttons/quote.gif";
	
	imagenOn[2]=new Image();
	imagenOn[2].src="http://www.forosdelweb.com/images/buttons/report.gif";
	imagenOff[2]=new Image();
	imagenOff[2].src="http://www.forosdelweb.com/images/misc/im_msn.gif";
	
	imagenOn[3]=new Image();
	imagenOn[3].src="http://www.forosdelweb.com/image.php?u=70216&dateline=1095450898";
	imagenOff[3]=new Image();
	imagenOff[3].src="http://www.forosdelweb.com/images/vbulletin3_logo_fdw.gif";	
	
	imagenOn[4]=new Image();
	imagenOn[4].src="pepe.jpg";
	imagenOff[4]=new Image();
	imagenOff[4].src="pepeOff.jpg";
	
	function enlace(este){
	document.images["a"+este].src=imagenOff[este].src;
	if(otro!=este && otro!=null){
	document.images["a"+otro].src=imagenOn[otro].src;
	}
	otro=este;
	}
	
	
	
	
	</script>
</head>

<body>
<a href="#" target="abajo"><img border="0" name="a0" onclick="enlace(0);" src="http://www.forosdelweb.com/images/buttons/reply.gif"></a><br>
<a href="#" target="abajo"><img border="0" name="a1" onclick="enlace(1);" src="http://www.forosdelweb.com/images/buttons/edit.gif"></a><br>
<a href="#" target="abajo"><img border="0" name="a2" onclick="enlace(2);" src="http://www.forosdelweb.com/images/buttons/report.gif"></a><br>
<a href="#" target="abajo"><img border="0" name="a3" onclick="enlace(3);" src="http://www.forosdelweb.com/image.php?u=70216&dateline=1095450898"></a><br>
<a href="#" target="abajo"><img border="0" name="a4" onclick="enlace(4);" src="pepe4.jpg"></a><br>



</body>
</html>

CRISMA · #3 (**permalink**) 11/10/2004, 14:03

con solo un pequeño cambio hizo lo que queria

function enlace(este){
document.images["a"+este].src=imagenOn[este].src;
if(otro!=este && otro!=null){
document.images["a"+otro].src=imagenOff[otro].src;
}
otro=este;
}

funciono perfect... gracias

KarlanKas · #4 (**permalink**) 12/10/2004, 02:45

Hombre... todo depende a qué le llamas On y a qué le llamas Off...

Pensé que sería un error de programación!

En cualquier caso me alegro de que te funcionara!