5 replies to this topic

[wellington09]

Pessoal como eu faço para mudar o background de minha pagina quando mudo a resolução do PC ?
tentei assim e não deu em nada

var largura = screen.width;
var altura  = screen.height;
if ((largura == 1280) && (altura == 800)) {
	document.getElementById(body).backgroundImage="url('images/a.jpg')";
}	

[Victor Hugo Odo]

Veja:

getElementById(body)

body é o nome da tag, e não um id, sendo assim caberia usar:

getElementsByTagName(body)

Bons Ventos.

[wellington09]

mesmo assim não funcionou, pode fazer o teste ai que vc vai ver que não funciona

Edição feita por: wellington09, 23/04/2010, 13:43.

[Cristiano Galdino]

document.getElementsByTagName("body").backgroundImage="url('images/a.jpg')";

[wellington09]

não funciona
vou mostrar como esta aqui:

var largura = screen.width;
var altura  = screen.height;
if ((largura == 1280) && (altura == 800)) {
	document.getElementsByTagName("body").backgroundImage="url('a.jpg')";
}

minha imagem tem o name de a.jpg e esta no mesmo local onde se encontra o codigo acima , ela não esta dentro de nenhuma pasta, por isso estou usando url('a.jpg')
estou querendo centralizar esta imagem em todas as resoluções http://img215.images...ck1280x800.jpg/, porem sei que eu devo criar varia imagens de cada resolução.

se alguem tiver uma idéia de como usar a mesma imagem e todas as resolções desde que a tela fica toda preenchida, não sei se existe alguma coisa com css

Edição feita por: wellington09, 23/04/2010, 14:42.

[Édipo Costa Rebouças]

Creio que a solução seja essa para o código javascript:

document.getElementsByTagName("body")[0].backgroundImage="url('a.jpg')"

Pois getElementsByTagName retorna um array, no caso de buscar o body, vc tem que colocar o elemento 0,
talvez também vc tenha que usar o style:

document.getElementsByTagName("body")[0].style.backgroundImage="url('a.jpg')"

Sobre soluções referente ao fundo você pode usar essa que postei no imasters:
http://forum.imaster...a-tela-inteira/