document.viewport проблем

[d1Av0lo]

Прилагам следния код,който би трябвало да сменя изображенията според резолюцията на екрана.
Обаче хич неработи,преглеждах го многократно и..нищо!Някакви идей?

<script language="JavaScript">
   	 if (document.viewport.getDimensions()  .getHeight() == 768) { 
    $( 'body' ).setAttribute( 'background', '/img/background1024.png' ); 
} else if (document.viewport.getDimensions()  .getHeight() == 720) { 
    if (document.viewport.getDimensions()  .getWidth() == 1280) { 
        $( 'body' ).setAttribute( 'background', '/img/background1280.png' ); 
    } else if (document.viewport.getDimensions()  .getWidth() == 1440) { 
        $( 'body' ).setAttribute( 'background', '/img/background1440.png' ); 
    } else { 
        $( 'body' ).setAttribute( 'background', '/img/background1280.png' ); 
    } 
   </script>

:shock:

<script type="text/javascript">

</script>

 

[d1Av0lo]

Онзи начин нестана...Сега намерих това скриптче и мисля да го пробвам:

<link id="css1" href="normal.css" type="text/css" rel="stylesheet"> 
 
<script> 
if(screen.width <= 800) 
  document.getElementById('css1').href = 'screen800.css'; 
</script>