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>
<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>
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.
Editado por fercosmigAdicionar ta CODE
Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
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.