Cambiando imagenes en javascript - hipervinculos

migueilichenco · #1 (**permalink**) 11/01/2007, 16:31

HOla todos, he insertado el siguiente codigo en mi pagina web, para cambiar imagenes al darle clilck

Código PHP:

  <html> 
<head> 
<title>Esta es una prueba</title> 
<script> 
    function validar(form){ 
    var i; 
    var photo=new Array(); 
    photo[0]="gato1.jpg"; 
    photo[1]="gato2.jpg"; 
    photo[2]="gato3.jpg"; 
    for(i=0;i<3;i++){ 
    if(formulario.preg[i].checked){ 
    formulario.imagen.src=photo[i]; 
    } 
    } 
    } 
</script> 
</head> 
<body> 
<form name="formulario"> 
<input type="radio" value="Pegunta1" name="preg" onClick="validar(this.form);">Pregunta1<br><br> 
<input type="radio" value="Pegunta2" name="preg" onClick="validar(this.form);">Pregunta2<br><br> 
<input type="radio" value="Pegunta3" name="preg" onClick="validar(this.form);">Pregunta3<br><br> 
 
<a href="computer.php?id=1"> 
<img name="imagen" border="0" src="gatos.bmp"> 
</a> 
</form> 
</body> 
</html>

Lo que yo quiero es que al darle click sobre cada imagen cambiante el hipervinculo sea diferente, por ejemplo
gato.php?id=1
gato.php?id=2
gato.php?id=3
Gracias a todos de antemano
Salu2

caricatos · #2 (**permalink**) 12/01/2007, 01:28

Hola:

Una forma rapidita:

Código:

if(formulario.preg[i].checked) {
    formulario.imagen.src=photo[i];
    formulario.imagen.parentNode.href = "gato.php?id=" + (i + 1); 
}

Saludos