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