Resolução Do Monitor

[zerebeu]

Será que dá para fazer um script em PHP de modo que a imagem de background tenha exactamente o mesmo tamanho da resolução do monitor??A ideia era não haver espaços em branco e que a dita imagem ocupe na totalidade o monitor independentemente da resolução de cada um...se for possivel qual a função que para captar a resolução do computador cliente??

Desde já agradeço

[Beraldo]

Isso é feito com java script:

screen.width
screen.height

Acho que é isso.

Movendo:

PHP -> JavaScript

[]'s

[zerebeu]

pois sempre pensei que dava para fazer com PHP...tenho poucos conhecimentos de Javascript, como posso fazer esta operação....não quero que me façam o código apenas que me dêm algumas luzes...

Desde já agradeço

[flavio]

Será que dá para fazer um script em PHP de modo que a imagem de background tenha exactamente o mesmo tamanho da resolução do monitor??

Zebereu, as propriedades que o Beraldo mencionou funcionam para capturar largura e altura da resolução de video do usuário.

Até aí tudo bem...

Mas redimensionar a imagem DE FUNDO... não acho que dê certo... nem com CSS nem com JS. Até que daria pra fazê-lo numa tag IMG, mas uma background ... acho que não.

você já viu isso em algum site?

Agora, se o que você quer é repetir uma imagem DE FUNDO, seja horizontalmente e/ou verticalmente, aí sim, pode ser feito com CSS tranquilamente.

beleza? B)

[zerebeu]

não ainda não vi...apenas me lembrei disso pois tenho um site cujo back ground tem uma imagem de 900*600...acontece se eu visualizar o site num monitor com uma resolução 1600*1200 aparece muito espaço em branco..eu apenas queria que a imagem ocupasse o ecran na totalidade..alguém sabe como posso fazer isso??

[flavio]

window.resizeTo(900, 600)

[zerebeu]

ok, obrigado...sendo assim mesmo em monitores grandes só aparece a janela com estas definições, e nunca espaços em branco..certo??

[fahledu]

ok, obrigado...sendo assim mesmo em monitores grandes só aparece a janela com estas definições, e nunca espaços em branco..certo??

O usuário pode maximizar, ai aparece os espaços branco, para travar só abrindo como popup...

[zerebeu]

nesse caso não haverá uma maneira de mantendo a mesma imagem de fundo o site seja visivel sem espaços brancos para todas as resoluções??(sem contar com as janelas pop-up)

[Gutto]

Usa uma página diferente com os backgrounds para cada resolução, manda o javascript detectar a resolução e redirecionar para a página correta. Acho que resolve. :)

[zerebeu]

é isso mesmo...parece-me a melhor solução sem dúvida...brigadão :)

[Julio Jampa]

A melhor solução é você usar o CSS amigo. Use o Javascript para detectar qual a resolução do usuário. Em seguida crie 3 CSS (Por exemplo) cada seguindo essa ideia:

CSS 1:

body {Background: url(Imagem640X480.png) no-repeat;}

CSS 2: Tudo igual ao CS1, menos o Bacground que ficaria:

body {Background: url(Imagem1024X786.png) no-repeat;}

CSS 3: Tudo igual ao CS1, menos o Bacground que ficaria:

body {Background: url(Imagem1900X1080.png) no-repeat;}

Ae ao detectar A resolução ele seleciona qual CSS vai carregar. ae não precisa criar páginas diferentes para resoluções diferentes. Uma só resolve seu problema. Nesse caso o CSS funcionaria como Skins. mas resolveria o problema da resolução numa boa. O mesmo vale pra todo o site. Se quiser pode mudar tamanho de botões, div, span, imagens, etc...