Bom dia pipousss !! Olha, não sou nenhum expert em script, mas consigo dar um jeito, porém estou com um probleminha pois tenho uma página onde quero que seja visualizada independente da resolução do video do usuário. Tenho esse código abaixo mas não está funcionando, alguém pode me dar um HELP !! Tks Obs : é a primeira vez que estou postando aqui ok .. se estou fazendo algo errado, me digam !! Se algum puder me ajudar agradeço imensamente !!!!, só falta isso na página ok. >>>>>>>>> esse coloquei entre <head> e >/head> <script type="text/javascript">
function getBG(x)
{
switch(x)
{
case 1600:
document.body.background = "http://site/teste/fundo1600x1200.jpg"
break;
case 1280:
document.body.background = "http://site/teste/fundo1280x1024.jpg"
break;
case 1024:
document.body.background = "http://site/teste/fundo1024x768.jpg"
break;
case 800:
document.body.background = "http://site/teste/fundo800x600.jpg"
break;
case 640:
document.body.background = "http://site/teste/fundo640x480.jpg"
break;
}
}
</script>
>>>>>>>>> esse coloquei entre <body> e >/body>
<style>
.r640 { background-image:url(http://site/teste/fundo640x480.jpg); }
.r800 { background-image:url(http://site/teste/fundo800x600.jpg); }
.r1024 { background-image:url(http://site/teste/fundo1024x768.jpg); }
.r1280 { background-image:url(http://site/teste/fundo1280x1024.jpg); }
.r1280 { background-image:url(http://site/teste/fundo1600x1200.jpg); }
</style>
<script>
var resolucao = new Array();
resolucao.push({tolerancia:new Array(0,640) , height:480} );
resolucao.push({tolerancia:new Array(641,800) , height:600} );
resolucao.push({tolerancia:new Array(801,1024) , height:768} );
resolucao.push({tolerancia:new Array(1025,1280), height:1024});
resolucao.push({tolerancia:new Array(1280,1600), height:1200});
var refreshBackground = function(){
for(var i=0; i < resolucao.length;i++){
if(document.body.clientWidth >= resolucao[i].tolerancia[0] && document.body.clientWidth <= resolucao[i].tolerancia[1]){
document.body.className = 'r'+resolucao[i].tolerancia[1];
resizeTo(resolucao[i].tolerancia[1],resolucao[i].height);
}
}
}
window.onload = function(){
refreshBackground();
window.onresize = refreshBackground;
}
</script>
