Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) Trocar todas as imagens de uma tabela


Valdilei

Pergunta

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.

Editado por fercosmig
Adicionar tag CODE
Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 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

Link para o comentário
Compartilhar em outros 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?

Editado por fercosmig
Adicionar tag CODE
Link para o comentário
Compartilhar em outros 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

Editado por fercosmig
Adicionar tag CODE
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...