..:: MX Studio Fóruns ::..: dá pra ajustar uma background-image à resolução? - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade

ATENÇÃO
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

dá pra ajustar uma background-image à resolução? imagem de background ajustável

#1 User is offline   Paulo Soares 

  • Group: Membros
  • Posts: 5
  • Joined: 17-December 05

Posted 07 June 2006 - 11:35 AM

wink.gif olha só...

preciso carregar aleatóriamente uma imagem como background(tela cheia) que se ajuste à resolução do browser de quem está visualizando.

tenho um banco de 10 imagens para serem carregadas aleatórias.

se tem como ser feito isso, agradeço thumbup.gif ...
0

#2 User is offline   pcsilva 

  • Group: Moderadores
  • Posts: 1940
  • Joined: 23-January 05

Posted 07 June 2006 - 12:10 PM

Testei no opera, testa em outros browser ai.
carrega a pagina, e redimenciona a janela manualmente, do 0 até o tamanho da sua resolução, e diz o que acontece.

JavaScript
<style>
.r640 { background-image:url(http://mail.google.com/mail/help/images/logo.gif); }
.r800 { background-image:url(http://forum.mxstudio.com.br/style_images/1/logomx.gif); }
.r1024 { background-image:url(http://www.mxstudio.com.br/images/TopoCf.gif); }
.r1280 { background-image:url(http://www.mxstudio.com.br/images/topo_cf.gif); }
</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});
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>
<body></body>

0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Similar Topics Collapse

  Topic Forum Started By Stats Last Post Info
New Replies Conheça todos os logotipos do Google
Achei legal, pra quem gosta 		Outros 0ml 
  • 11 Replies
  • 3264 Views
New Replies Redimensionar e Reposicionar Foto de Fundo sem Distorcer
Alguem sabe alguma classe, ou AS... 		Flash & ActionScript flashDeveloper 
  • 2 Replies
  • 1452 Views
New Replies Brasil é destaque em compra por celular Notícias Notícias 
  • 0 Replies
  • 7 Views
New Replies tenho um script de enquete em php, como faço
pra colocar ele na pg do DW? 		Dreamweaver R.I.A 
  • 7 Replies
  • 1688 Views
New Replies Fixar imagem no topo
estou tentando fixar uma imagem no 		Dreamweaver cesarmg 
  • 4 Replies
  • 2290 Views
New Replies Dúvidas com códigos Action Script
Qual codigo action script uso para que uma parte da animaçao pare 		Flash & ActionScript viniciusanjo 
  • 5 Replies
  • 1005 Views
New Replies Zoom em qlq parte da imagem
Tipo esse site 		Flash & ActionScript Manezao 
  • 0 Replies
  • 671 Views
New Replies Pontos-chave para uma estratégia bem sucedida
web insider 		Publicidade e Propaganda Tygra 
  • 0 Replies
  • 457 Views

Publicidade

1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)