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

(Resolvido) Carregar funções


Alexandre T.

Pergunta

Bom dia, alguém pode me auxiliar para funcionar um script.

Estou tentando rodar 6 imagens, pois não consegui aprender como se faz o loop ou refresh de imagem. A função sozinha já consigo rolar 2 imagens.

Fica assim:

<script type="text/javascript">
     window.onload = function(){
          setInterval("TrocaImagem()",5000); // troca imagem a cada 3 segundos      
         }
       function TrocaImagem(){
               var imagem = document.getElementById('img').src;      
                    if(imagem.indexOf("img1.jpg") != -1){
                       document.getElementById('img').src = "imagem01.gif";
                    }else{
                       document.getElementById('img').src = "imagem02.gif";
                    }
             }
</script>
========= CODIGO HTML ONDE A FUNÇÃO ENTRA
<img "img1.jpg" id="img">
=================================== Essa primeira parte funcionou perfeitamente, atendeu as minhas espectativas quanto ao script, o problema ocorreu quando eu tentei manipular mais 2 funções ----------------------------------------------------------------- Onde ocorre o erro:
<script type="text/javascript">
     funcao1(){
          setInterval("TrocaImagem1()",5000); // troca imagem a cada 3 segundos      
         }
            function TrocaImagem1(){
              var imagem = document.getElementById('img').src;      
                  if(imagem.indexOf("img1.jpg") != -1){
                        document.getElementById('img').src = "imagem01.gif";
                  }else{
                        document.getElementById('img').src = "imagem02.gif";
                  }
           }

        }


    funcao2(){
    setInterval("TrocaImagem2()",5000); // troca imagem a cada 3 segundos      
       }
    function TrocaImagem2(){
              var imagem = document.getElementById('img').src;      
                  if(imagem.indexOf("img2.jpg") != -1){
                        document.getElementById('img').src = "imagem03.gif";
                  }else{
                        document.getElementById('img').src = "imagem04";
                  }
           }
        }


    funcao3(){
    setInterval("TrocaImagem3()",5000); // troca imagem a cada 3 segundos      
       }
        function TrocaImagem3(){
              var imagem = document.getElementById('img').src;      
                  if(imagem.indexOf("img3.jpg") != -1){
                        document.getElementById('img').src = "imagem05.gif";
                  }else{
                        document.getElementById('img').src = "imagem06.gif";
                  }
           }
       
       window.onload = function(){
       funcao1();
       funcao2();
       funcao3();
}     
</script>

----------------------------------------------------------------

ME AJUDEM A ARRUMAR ESSE SCRIPT, POIS não conheço uma forma de atualizar uma imagem.

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

CAROS MODERADORES já PODEM FECHAR O tópico DEPOIS DE 20 HORAS EM FRENTE O COMPUTADOR CONSEGUI FAZER FUNCIONAR O MEU SCRIPT.

<script type="text/javascript">
window.onload = function(){
setInterval("TrocaImagem()",5000); // troca imagem a cada 3 segundos
}

    function TrocaImagem(){
          var imagem = document.getElementById('img2').src;      
              if(imagem.indexOf("img1.jpg") != -1){
            document.getElementById('img2').src = "http:O1.gif";
              }else{
            document.getElementById('img2').src = "http:02.gif";
              }

        var imagem = document.getElementById('img4').src;      
            if(imagem.indexOf("img3.jpg") != -1){
            document.getElementById('img4').src = "03.gif";
            }else{
            document.getElementById('img4').src = "04.gif;
            }
                  
        var imagem = document.getElementById('img6').src;      
            if(imagem.indexOf("img5.jpg") != -1){
            document.getElementById('img6').src = "05.gif";
            }else{
            document.getElementById('img6').src = "06.gif;
            }
    }    
</script>

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...