Ir para conteúdo

POWERED BY:

Arquivado

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

Furian

[Resolvido] Imagem Randômica no fundo da página.

Por , em Javascript

Recommended Posts

Furian    0

Furian
Postado

Olá a todos...

 

Estou tentando fazer um script que troque a imagem do fundo da página quando a mesma é atualizada, porém não estou conseguindo, alguém tem alguma idéia de como posso fazer isso?

 

Desde já agradeço a atenção dedicada... grande abraço a todos, até...

 

Script:

 

<script type="text/javascript">
function Images() {
 var paths = new Array (
 "img/fundo1.jpg",
 "img/fundo2.jpg",
 "img/fundo3.jpg",
 "img/fundo4.jpg");
 var img = document.body.style.backgroundImage;
 img = paths[(Math.floor(Math.random() * paths.length))];
}
</script>

Tag html:

<body id="fundo" style="background-image:url(img/fundo1.jpg);">

Não sei se existe alguma coerência no código, mas to tentando...

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Quase certo... olha funcionando:

<html>
<head>
<script type="text/javascript">
function Images()
{
	var paths = new Array (
	"img/fundo1.jpg",
	"img/fundo2.jpg",
	"img/fundo3.jpg",
	"img/fundo4.jpg");
	
	var img = paths[(Math.floor(Math.random() * paths.length))];
	document.body.background = img;
}
window.onload = function()
{
	Images();
}
</script>
</head>
<body>



</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Furian    0

Furian
Postado

Vlw William pelas correções, porém ainda não está funcionando...

 

Utilizei o código como descrito acima, não funcionou e fui fazendo alterações para ver se funcionava, por exemplo carreguei a função direto na tag body com o evento onload, e outras mais...

 

O que pode estar dando errado? Testei tanto no IE quanto do Firefox, mas sem êxito...

 

Obrigado pela atenção dedicada, grande abraço, até...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Testa aê:

 

function Images(){
        var paths = new Array(
        "img/fundo1.jpg",
        "img/fundo2.jpg",
        "img/fundo3.jpg",
        "img/fundo4.jpg");

        var img = paths[ (Math.floor(Math.random() * paths.length)) ];
        document.getElementsByTagName("body")[0].style.background = "url(" + img + ")";
}
window.onload = Images;
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Furian    0

Furian
Postado

Obrigado Thiago e William pelo tempo dispensado, agora está funcionando...

 

Cês são os cara mermo... rsrs

 

Grande abraço a todos, até...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vládia Queiroz    0

Vládia Queiroz
Postado

Obrigado Thiago e William pelo tempo dispensado, agora está funcionando...

 

Cês são os cara mermo... rsrs

 

Grande abraço a todos, até...

 

oi Furian,

 

Eu não sou desenvolvedora, apenas uma curiosa. Olha só, tenho um código HTML de uma pasta minha do Picasa e eu queria colocar no meu Blog de forma randômica e não será no fundo da página como a sua, colocarei dentro de uma postagem. será que você pode me ajudar? O código é esse abaixo:

 

<div style="width:144px;font-family:arial,sans-serif;font-size:10px;">

<div>

<embed type="application/x-shockwave-flash" src="http://picasaweb.google.com/s/c/bin/slideshow.swf" width="60" height="60" flashvars="host=picasaweb.google.com&hl=pt_BR&feat=flashalbum&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2Fvladiaqueiroz.mestradoufba%2Falbumid%2F5501402530544201617%3Falt%3Drss%26kind%3Dphoto%26hl%3Dpt_BR" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></div>

<span style="float:left;"><a href="http://picasaweb.google.com/vladiaqueiroz.mestradoufba/BOOT02?feat=flashalbum" style="color:#3964c2"></a></span><div style="text-align:right;">

<a href="http://picasaweb.google.com/lh/getEmbed?feat=flashalbum" style="color:#3964c2"></a></div>

</div>

 

valeu

 

Vládia

Compartilhar este post

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

Informação importante

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

  Aceito