Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 285

Imagem diferente cada vez que o site carrega

05-12-2012 16:42

peguei esse script na net que altera o fundo do site a cada carregamento da pagina, alguém pode me ajudar a como faze-lo com que imagens dentro de uma div se alterem a cada carregamento?

segue o script:

<!-- fundo alternado --> <script language="JavaScript"> var randnum = Math.random(); var inum = 4; // o numero acima refere-se ao numero de imagens para alternar var rand1 = Math.round(randnum * (inum-1)) + 1; images = new Array images[1] = "http://topbrand.loja-segura2.com/Eshop.Admin/Imagens/topbrand/topbrand_banner_lateral_01.jpg" images[2] = "http://blog.yalp.com.br/wp-content/uploads/2011/01/fundoAleatorio.jpg" images[3] = "imagens/fundo3.jpg" images[4] = "http://blog.yalp.com.br/wp-content/uploads/2011/01/fundoAleatorio.jpg" // coloque acima o caminho para cada uma das imagens var image = images[rand1] </script> <div id="banner_lateral"> <script language="JavaScript"> document.write('<body background="' + image + '" text="white">') </script> </div>

coloquei assim mas não funcionou:

<div id="banner_lateral"> <script language="JavaScript"> document.write('<div id"banner_lateral"="' + image + '" text="white">') </script> </div>

MOVIDO PARA JAVASCRIPT
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17385
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Imagem diferente cada vez que o site carrega

05-12-2012 17:42

Faz assim

<script language="JavaScript"> window.onload = function() { var randnum = Math.random(); var inum = 4; // o numero acima refere-se ao numero de imagens para alternar var rand1 = Math.round(randnum * (inum-1)) + 1; images = new Array images[1] = "http://topbrand.loja-segura2.com/Eshop.Admin/Imagens/topbrand/topbrand_banner_lateral_01.jpg" images[2] = "http://blog.yalp.com.br/wp-content/uploads/2011/01/fundoAleatorio.jpg" images[3] = "imagens/fundo3.jpg" images[4] = "http://blog.yalp.com.br/wp-content/uploads/2011/01/fundoAleatorio.jpg" // coloque acima o caminho para cada uma das imagens var image = images[rand1] // passando a imagem para o id img document.getElementById('img').src=image; } </script> <img src="" id="img">

0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado