..:: 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 loadSound de uma mp3 externa não guarda no PC! Pq?
Ajudem-me!!! 		Flash & ActionScript OiYes 
  • 1 Reply
  • 411 Views
New Replies Efeito em imagem Flash & ActionScript Lucas Ford 
  • 1 Reply
  • 608 Views
New Replies Brasil cai uma posição e passa a ser 4ª maior fonte de mensagens no Twitter Notícias Notícias 
  • 0 Replies
  • 61 Views
New Replies Bungie solta primeira imagem teaser de Halo 3 Notícias Notícias 
  • 0 Replies
  • 304 Views
New Replies diagramação de um site
preciso de uma forcinha 		Fireworks M4V3RiCk 
  • 2 Replies
  • 1156 Views
New Replies Pegar do Mysql e Fazer Menu
Preciso fzer umas mudanças 		Flash & ActionScript caueabreu 
  • 0 Replies
  • 446 Views
New Replies "Nunca quis administrar uma empresa", diz Mark Zuckerberg; leia trecho Notícias Notícias 
  • 0 Replies
  • 81 Views
New Replies Apple compra empresa israelense de tecnologia Notícias Notícias 
  • 0 Replies
  • 31 Views

Publicidade

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