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

Alterando imagem quando a página for atualizada


Guest --Fernando --

Pergunta

Guest --Fernando --

Alguém sabe como se altera uma imagem assim que o usuário atualizar a página pressionando o F5?

Eu consegui fazer, mas não ficou muito bom. A imagem até troca mas de forma aleatória utilizando o Math.randow. Só que eu quero que ele troque de forma ordenada. No firefox não funcionou muito bem.

Segue o código.

<html>
<head>
<title>Troca de Banner</title>
&lt;script type="text/javascript">
    function atualizar(event) {
        tecla = event.keyCode;

        var ordem = new Array();
            ordem[0] = "banner1.jpg";
            ordem[1] = "banner2.jpg";
            ordem[2] = "banner3.jpg";

        var num = Math.round(Math.random() * 2);
        
        if (tecla == 116 && num == 0) {
            document.getElementById("imagem").src = ordem[0];
        }
        else if(tecla == 116 && num == 1) {
            document.getElementById("imagem").src = ordem[1];
        }
        else if(tecla == 116 && num == 2) {
            document.getElementById("imagem").src = ordem[2];
        }
    }
</script>
</head>

<body onkeyup="atualizar(event)">
    <div id="mostrar"></div>
    <img src="banner1.jpg" id="imagem" />
</body>
</html>

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

1 resposta a esta questão

Posts Recomendados

  • 0

Acho que nesse caso é aconselhável usar cookies.

O Javascript vai ter que armazenar numa variável o valor da última imagem usada..então...cookies.

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