Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

blecko

Comando Pra Adaptar A Resolução

Por , em Javascript

Recommended Posts

blecko    0

blecko
Postado

Olá,

 

estou com o seguinte script entre as tags <head>:

<script type="text/javascript">function Resolucao() { if (screen.width<=1023) {  document["IMGVips"].src = "img/bloco_vips_800.jpg";  document["IMGForum"].src = "img/bloco_forum_800.jpg";  document["IMGVideos"].src = "img/bloco_videos_800.jpg";  document.getElementById('BlocoScreenshots').style.background = "url(img/bloco_screenshots_800.jpg)";  document.getElementById('BlocoUltForum').style.background = "url(img/bloco_ult_forum_800.jpg)";  document.getElementById('BlocoReplays').style.background = "url(img/bloco_replays_800.jpg)";  document.getElementById('BlocoScreenshots').style.width = "219px";  document.getElementById('BlocoUltForum').style.width = "219px";  document.getElementById('BlocoReplays').style.width = "219px"; }  if (screen.width>=1024) {  document["IMGVips"].src = "img/bloco_vips.jpg";  document["IMGForum"].src = "img/bloco_forum.jpg";  document["IMGVideos"].src = "img/bloco_videos.jpg";  document.getElementById("BlocoScreenshots").style.background = "url(img/bloco_screenshots.png)";  document.getElementById('BlocoUltForum').style.background = "url(img/bloco_ult_forum.png)";  document.getElementById('BlocoReplays').style.background = "url(img/bloco_replays.png)";  document.getElementById('BlocoScreenshots').style.width = "331px";  document.getElementById('BlocoUltForum').style.width = "331px";  document.getElementById('BlocoReplays').style.width = "331px"; }}</script>

A tag <body> está carregando o script com um evento OnLoad().

 

Nas divs estão assim (quando a imagem é exibida como <img>):

<a href="#"><img id="IMGVideos" src="#" border="0" /></a>

E assim (quando a imagem é exibida como background de uma <div>):

<div id="BlocoUltForum" align="left" style="color: #000000; padding-top:30px"></div>

 

 

Tanto o background da div como a exibição da imagem em <img> funcionam perfeitamente no Firefox 2.0, porém tenho o Internet Explorer 6.0 e nele as imagens não estão sendo exibidas, nem os backgrounds, nem as imagens.

 

Como estou tentando fazer meu site crossbrowser, quero saber como fazer pra funcionar no IE a partir da versão 6.0. Já tentei praticamente tudo que eu sei ou que estava à minha disposição (inclui-se aí o google) e nada.

 

Obrigado, grande abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

blecko    0

blecko
Postado

Consegui resolver, na verdade a solução é bastante simples. Eu fiz errado a parte ali que muda o endereço da imagem em src

 

O certo é assim:

<script type="text/javascript">function Resolucao() {	if (window.screen.width<=1023) {			document.getElementById('IMGVips').src = "img/bloco_vips_800.jpg";			document.getElementById('IMGForum').src = "img/bloco_forum_800.jpg";			document.getElementById('IMGVideos').src = "img/bloco_videos_800.jpg";			document.getElementById('BlocoScreenshots').style.background = "url(img/bloco_screenshots_800.jpg)";			document.getElementById('BlocoUltForum').style.background = "url(img/bloco_ult_forum_800.jpg)";			document.getElementById('BlocoReplays').style.background = "url(img/bloco_replays_800.jpg)";			document.getElementById('BlocoScreenshots').style.width = "219px";			document.getElementById('BlocoUltForum').style.width = "219px";			document.getElementById('BlocoReplays').style.width = "219px";	}	if (screen.width>=1024) {			document.getElementById('IMGVips').src = "img/bloco_vips.jpg";			document.getElementById('IMGForum').src = "img/bloco_forum.jpg";			document.getElementById('IMGVideos').src = "img/bloco_videos.jpg";			document.getElementById('BlocoScreenshots').style.background = "url(img/bloco_screenshots.jpg)";			document.getElementById('BlocoUltForum').style.background = "url(img/bloco_ult_forum.jpg)";			document.getElementById('BlocoReplays').style.background = "url(img/bloco_replays.jpg)";			document.getElementById('BlocoScreenshots').style.width = "331px";			document.getElementById('BlocoUltForum').style.width = "331px";			document.getElementById('BlocoReplays').style.width = "331px";	}}</script>
Vejam que eu troquei o document["IMGVideos"].src por document.getElementById('IMGVideos').src

 

 

Bom, era isso, agradeço a ajuda.

 

Um abraço.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito