Ir para conteúdo

POWERED BY:

Arquivado

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

caio0220

[Resolvido] Mudar imagem de BG

Por , em Javascript

Recommended Posts

caio0220    1

caio0220
Postado

Alguem pode me ajudar com um script para mudar a imagem do background do <body>. sendo que controlando os sengundos.

 

Eu fiz um efeito no flash, e o BG começa azul, tem uma animação e muda para laranja, mas queria saber se tem como fazer essa transição também no <body> se puderem ajudar com a transição como se fosse um slideshow e talz, mas o mais importante é mudar o background do <body>.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

exemplo:

<html>
<head>
<script type="text/javascript">
window.onload = function()
{
	document.getElementsByTagName('body')[0].style.backgroundImage = "url('happy.gif')";
}
</script>
</head>
<body>

	Body

</body>
</html>

para mudar de 'x em x segundos', veja sobre setTimeout e setInterval

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Desse jeito funcionou como um CSS.

sim, é dessa forma que javascript trabalha.

Manipulando o css

 

era só você pegar oque postei, e pesquisar sobre as funções que eu disse.

<html>
<head>
<script type="text/javascript">
window.onload = function(){
	window.setTimeout(troca_bg, 1000);
}
function troca_bg(){
	document.getElementsByTagName('body')[0].style.backgroundImage = "url('happy.gif')";
}
</script>
<style type="text/css">
body{ background-image: url('decimo.png');}
</style>
</head>
<body>

	Body

</body>
</html>

:lol:

menos preguiça da próxima vez.

Compartilhar este post

Link para o post
Compartilhar em outros sites

caio0220    1

caio0220
Postado

Que isso ferá !

mas eu procurei sim, rs. só pensei que você não tinha entendido a pergunta.

imagemwq.jpg

 

 

setinterval seria o efeito de fade ? pode falar ai que desse eu te livro, ou não, rs.

 

queria que rolace um fade tbm

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

setInterval() roda de x em x segundos.., o setTimeout, só atraza a execução do script.

 

você não vai conseguir fazer fade com background.

só dará certo se for uma <img /> [tag], e você for manipulando a propriedade css opacity

 

existe um plugin jQuery que faz esse trabalho sujo pra você

http://www.buildinternet.com/project/supersized/

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