Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Sub Zer0

Mudar imagem a Cada Atualização da Pagina!

Por , em Desenvolvimento frontend

Recommended Posts

Thiago Retondar    18

Thiago Retondar
Postado

Olá,

 

isso é feito com alguma linguagem serve-side.

 

Procurnado no http://forum.imasters.com.br/public/style_emoticons/default/searchbeforeposting.gif achei isso:

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Um sistema simples de banner rotativo em PHP/MySQL

 

Nesse caso é PHP, mas pode fazer com outra linguagem.

 

Caso tenha dúvidas, peça para um moderador mover para área que vai fazer o script.

 

Abraços.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Maujor    144

Maujor
Postado

Solução simples com java script:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Imagem rotativa</title>
<script type="text/javascript">
window.onload = function() {
 listaImagens = new Array();
 listaImagens[0] = "imagens/logo-um.jpg";
 listaImagens[1] = "imagens/logo-dois.jpg";
 listaImagens[2] = "imagens/logo-tres.jpg";
 listaImagens[3] = "imagens/logo-quatro.jpg";
var quantidadeImagens = listaImagens.length;
var imagemIndice = Math.floor(Math.random() * quantidadeImagens);
var imagem = document.createElement('img');
var topo = document.getElementById('topo');
var alvo = topo.appendChild(imagem);
  alvo.setAttribute('src', listaImagens[imagemIndice]) 
}
</script>
</head>
<body>
<div id="topo"></div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito