Muchos elementos y llamadas a funciones

rubenASP · #1 (**permalink**) 05/01/2005, 03:31

Wenas a todos!

Es una cosa bastante chunga a mi parecer, porquee contiene muchos elemetos y tiene que llamar a varios métodos y dependiendo donde se pongan dichos elementos y las llamadas a los métodos pues funciona o no funciona, y yo me hago un peazo lio.....

Cuento lo que quiero hacer:
Al seleccionar una imagen de la izquierda, la fotografía se tiene que cambiar y a su vez el pie de foto, que es el de la fotografía. Las imágenes de la izquierda se van cambiando dependiendo si el usuario ha visto una foto, la está viendo o todavía no la ha visto.

-----------------------------------------------------
O O O O
O O O O [FOTOGRAFÍA]
O O O O
O O O O

[PIE DE FOTO]
-----------------------------------------------------

O: imagen cuando una fotografia no se ha visto
V: imagen cuando una fotografia se está viendo
P: imagen cuando una fotografía ya se ha visto

Gracias!

JavierB · #2 (**permalink**) 05/01/2005, 04:29

Hola rubenASP

Te pongo un pequeño ejemplo:

Código HTML:

<html>
<head>
<script>
var foto=null;
function ver(obj,afoto) {
  if(foto!=null) foto.src='imagen4.jpg';
  foto=obj;
  document.getElementById('im').src=afoto;
  document.getElementById('txt').innerHTML=afoto;
  obj.src='imagen1.jpg';
  obj.className='visto';
}
</script>
</head>
<body>
<div style="float:left">
<img src="imagen1.jpg" onclick="ver(this,'imagen1.jpg')" /><br />
<img src="imagen2.jpg" onclick="ver(this,'imagen2.jpg')" /><br />
<img src="imagen3.jpg" onclick="ver(this,'imagen3.jpg')" /><br />
</div>
<div>
<img id="im" src="imagen1.jpg" /><br />
<span id="txt"></span>
</div>
</body>
</html>

Seguro que tendrás que cambiar más de una cosa, pero te puede servir de ayuda.

Saludos,

rubenASP · #3 (**permalink**) 07/01/2005, 02:16

Gracias JavierB!

Ya me funciona lo que quería hacer gracias a tu ayuda!

JavierB · #4 (**permalink**) 07/01/2005, 04:13

Me alegro que que te haya servido. Taluego