que cuando se abra un popup, se cambien los gifs

kctus · #1 (**permalink**) 11/10/2006, 19:42

A ver si lo explico bien...

Lo que pretendo hacer es que cuando un usuario del sitio pinche en un enlace, el cual abre un popup, se "desactive" ese enlace donde ya pinchó, el cual es un gif. La forma mas estética supongo que sería que el gif cambie, una vez abierto ese pop up, a otro gif igual pero que tenga colores mas grises, y obviamente sin el link.

Es decir, que cuando se pinche en un gif con link, ese gif con link pase a ser otro gif sin link...

Muchas gracias, la verdad es que estoy aprendiendo mucho de javascript gracias a este foro

JavierB · #2 (**permalink**) 12/10/2006, 04:52

Hola kctus

A ver si esto te sirve:

Código:

<img src="gif.gif" onclick = "window.open('tupagina.html'); this.src='imagen2.jpg'; this.onclick=''" />

Saludos,

kctus · #3 (**permalink**) 12/10/2006, 07:17

Funciona perfectamente, gracias JavierB.

Para completar un poco mas lo que pretendo hacer... faltarían un par de detalles. El primero es que se ponga la manita del mouse para que el usuario se de cuenta que es un enlace ese gif (esto creo haberlo visto por ahí, así que ya lo busco yo ahora)
Y lo que si que se me escapa totalmente, es lo siguiente:
En principio, hay 3 gifs que puede pulsar el usuario, los 3 abren 3 ventanas distintas... pero la idea es que cuando se pulse en uno, da igual cual, se cambien y desactiven los 3.
Gracias!

JavierB · #4 (**permalink**) 13/10/2006, 05:04

Hola de nuevo.

A ver si este código te vale:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function abrir(pag) {
  d = document.getElementById('gifs');
  for (i=0; ele=d.getElementsByTagName('img')[i]; i++) {
    ele.src = ele.className;
    ele.onclick = function() {return false};
  }
  window.open(pag);
}
</script>
</head>
<body>
<div id="gifs">
<img src="imagen.gif" class="imagen2.gif" onclick = "abrir('tupagina.html')" style="cursor:pointer" />
<img src="imagen.gif" class="imagen3.gif" onclick = "abrir('tupagina.html')" style="cursor:pointer" />
<img src="imagen.gif" class="imagen4.gif" onclick = "abrir('tupagina.html')" style="cursor:pointer" />
<div>
</body>
</html>

Saludos,

kctus · #5 (**permalink**) 13/10/2006, 07:22

Gracias de nuevo JavierB, voy a probarlo