Cambiar enlace de una imagen que cambia

jonai · #1 (**permalink**) 01/12/2005, 09:17

Bueno el tema. Se trata de una galeria javascript que genera los trumbails mediante php, y lo que me gustaría conseguir es que al cambiar la imagen en el visor, cambiara también un enlace asociado a cada imagen.

El javascript que me permite cambiar la imagen es:

Código PHP:

  <SCRIPT LANGUAGE="JavaScript"> 
 
browserName = navigator.appName; 
browserVer = parseInt(navigator.appVersion); 
 
ns3up = (browserName == "Netscape" && browserVer >= 3); 
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4); 
 
function doPic(imgName) { 
if (ns3up || ie4up) { 
imgOn = ("" + imgName); 
document.mainpic.src = imgOn; 
 
 
   } 
} 
//  End --> 
</script>

La imagen que cambia es identificada:

Código PHP:

  <a name="mainLink" href="img1.jpg"><img name="mainpic" src="img1.jpg"></a>

Y para llamarlo:

Código PHP:

   <a href="javascript:doPic('img1.jpg');">1</a> 
    <a href="javascript:doPic('img2.jpg');">2</a> 
      <a href="javascript:doPic('img3.jpg');">3</a> 
          <a href="javascript:doPic('img4.jpg');">4</a>

Lo que he tratado es cambiar dinámicamente el enlace de la imagen que cambia, pero tras mucho probar no doy con la clave

Alguien puede ayudarme???

angsanchez · #2 (**permalink**) 01/12/2005, 16:23

Hola, jonai
Primero: <SCRIPT LANGUAGE="JavaScript"> es obsoleto, debes usar
<script type="text/javascript">

Luego:
document.images["mainpic"].src = imgOn;
document.links["mainLink"].href = imgOn;

jonai · #3 (**permalink**) 01/12/2005, 17:06

Que va no me sale, he intentado esto que comentas pero no me cambia el enlace, intenté algo parecido antes pero tampoco, y por más que le doy vueltas no hay manera.

Gracias por lo de <script type="text/javascript"> me había dado cuena que dreamweaver lo generaba, pero no sabía muybien el porque.

Saludos Jonai

angsanchez · #4 (**permalink**) 06/12/2005, 13:44

Jonai, probé el código antes de ponértelo y funcionaba. Inténtalo con ese código sólo:
<html>
<head>
<script type="text/javascript">
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);

ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);

function doPic(imgName) {
if (ns3up || ie4up) {
imgOn = ("" + imgName);
document.images["mainpic"].src = imgOn;
document.links["mainLink"].href = imgOn

}
}
</script>
</head>

<body>
<div>
<a name="mainLink" href="1.gif"><img src="1.gif" name="mainpic"></a>
</div>
<a href="javascript:doPic('1.gif');">1</a>
<a href="javascript:doPic('2.gif');">2</a>
<a href="javascript:doPic('3.gif');">3</a>
<a href="javascript:doPic('4.gif');">4</a>
</body>
</html>