Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

jrjoliv2003

Carregando Layers Dinamicamente

Recommended Posts

Galera, sou novato e preciso de ajuda.Como poderia carregar uma Layer chamada (L4) com imagens diferentes conforme eu clique na Layer1 (L1), Layer2 (L2) ou Layer3 (L3). Qual código JavaScript tenho que fazer dentro da página HTML?Valeu a força!!!JR.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Perfeito!!! Conforme sua dica o codigo ficou assim:

 

<script>  function carrega(L)  {	switch (L)	{	  case "L1":document.getElementById("imagem").src="L1_G.jpg";	  break;	  	  case "L2":document.getElementById("imagem").src="L2_G.jpg";	  break;	  case "L3":document.getElementById("imagem").src="L3_G.jpg";	  break;	}  }</script><div id="L1" style="position:absolute; left:18px; top:26px; width:140; height:110; z-index:1" onClick="carrega(this.id);"><img src="L1_P.jpg" width="140" height="110"></div><div id="L2" style="position:absolute; left:19px; top:153px; width:140; height:110; z-index:1" onClick="carrega(this.id);"><img src="L2_P.jpg" width="140" height="110"></div><div id="L3" style="position:absolute; left:20px; top:299px; width:140; height:110; z-index:1" onClick="carrega(this.id);"><img src="L3_P.jpg" width="140" height="110"></div><div id="L4" style="position:absolute; left:261px; top:58px; width:450; height:320; z-index:2;"><img id="imagem"></div>
Obs: Eu editei as fotos grandes e pequenas separadamente pq as fotos grandes iam ficar tuvas.

 

Bom como poderia fazer com que o L4 recebesse a primeira imagem quando a página for exibida pela primeira vez.

 

Valeu a força!!!

 

JR.

Compartilhar este post


Link para o post
Compartilhar em outros sites

beleza. Muito Obrigado pela ajuda!Estou estudando JavaScript e vem algumas idéias que vejo em sites. Esse código evita que usemos a parte de comportamentos do Dreamweaver. Senão ia ter que criar uma Layer para cada figura ampliada...Valeu a força!!!JR.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.