• 0
Sign in to follow this  
Valdilei

(Resolvido) Trocar todas as imagens de uma tabela

Question

Boa tarde a todos!

Tenho a seguinte tabela:

<TABLE name="tab1" border="0" bgcolor=#green bdcolor=green cellpadding="0" cellspaccing="0">
<TR>
<TD align=middle width="30" bgColor=#FFFFFF height="50">

<FONT color=#FFFFFF size=+1><div id="id1" ><center><img id="img1" src="imagem1.gif" border="0"></center></div></FONT>
</A>
</TD>
<TD align=middle width="30" bgColor=#FFFFFFF height="50">

<FONT color=#ffffff size=+1><div id="id2"><center><img id="img2" src="imagem2.gif" border="0"></center></div></FONT>
</A>
</TD>

Como seria um script para trocar todas as figuras desta tabela. Trocar a imagem1.gif por outra, a imagem2.gif por outra e assim por diante até o final da tabela?

Pesquisei mas não encontrei, se alguém souber de alguma coisa me ajuda ae.

Obrigado pela atenção.

Edited by fercosmig
Adicionar tag CODE

Share this post


Link to post
Share on other sites

3 answers to this question

Recommended Posts

  • 0

Ficou no mínimo obscura essa sua dúvida amigo...trocar por qual? em que evento? Como assim ir trocando? Trocar após um certo tempo? Como um banner?

Já tem o código pronto? Em que parte do código está tendo problema? Quer um código pronto?

Eu que to tentando te ajudar estou tendo mais dúvidas que você rsrsrsrs.

Tente esclarecer melhor sua dúvida.

Aquele abraço

Share this post


Link to post
Share on other sites
  • 0

Vou tentar explicar pra você.

É o seguinte naquela tabela que passei tem um evento onclick em cada celula que troca as imagens veja:

function troca(nome) {

var elemento = document.images[nome];
if(nome == "img1"){
if (elemento.src.indexOf("img1.") >= 0) {
elemento.src = "img26.gif";

} else {
elemento.src = "imagem1.gif";
}}

if(nome == "img2"){
if (elemento.src.indexOf("img2.") >= 0) {

elemento.src = "img27.gif";

} else {
elemento.src = "imagem2.gif";
}}
}

Se eu clicar na imagem 1 ela é trocada pela img26 e volta pra 1 se eu cliclar novamente. Para imagem 2 e a mesma coisa.

Acontece que o script é chamado quando se clica em cada imagem, uma a uma.

Preciso de um outro script que ao ser chamado vai trocar todas as imagens. Seria um botão onclick mesmo.

Assim se a imagem1 tivesse sido trocada pela img26 e a imagem2 pela img27, ao chamar o script ele colocaria a imagem1 e a imagem2 novamente na tabela.

Entendeu?

Não to querendo um código pronto não. To tentando descobrir como se faz.

Acho que se você me mostrar uma idéia de como isto podria ser feito eu resolvo o meu caso:

Suponha que você tenha uma tabela com duas imagens. Um quadrado azul e outro verde.

E você tenha um script que: se você clicar no quadrado azul ele troca por um amarelo e se clicar no verde ele

troca pelo vermelho.

Agora então sua tabela contem um quadrado amarelo e outro vermelho.

Como poderia ser feito para eu clicar num botão para a tabela conter o quadrado azul e verde como antes?

Edited by fercosmig
Adicionar tag CODE

Share this post


Link to post
Share on other sites
  • 0
Guest Valdilei

Resolvido.

for(i=1; i<=25; i++){
        n1 = new String("img" + i);
         n2 = new String(n1+".gif");
   document.getElementById(n1).src= n2;
        }

Obrigado

Edited by fercosmig
Adicionar tag CODE

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this