[Alenkaa]

Добрый день. Хочется узнать как сделать так, чтобы в зависимости от разрешения экрана пользователя, выдавать ему тот или иной фоновый рисунок ( размер изображения имеется в виду). В сети я нашла одно решение:

<script language="JavaScript">


var height=0;
var width=0;
 
if (self.screen) {    
        width = screen.width
        height = screen.height
}
else if (self.java) {  
      var jkit = java.awt.Toolkit.getDefaultToolkit();
      var scrsize = jkit.getScreenSize();      
      width = scrsize.width; 
      height = scrsize.height; 
}


if (width == 800 && height == 600)
{
	document.write("<link rel='stylesheet' type='text/css' href='<?php echo $mosConfig_live_site; ?>/templates/ИмяВашегоШаблона/css/800х600.css'>");
}

else 

if(width == 1024 && height == 768)
{
	document.write( "<link rel='stylesheet' type='text/css' href='1024х768.css'>" );
}
	



</script>

Но тут в этом скрипте определяется размер экрана и выдается нужная цсска, это не совсем удобно. Да и вообще, почему-то этот код у меня не работает.

Мне бы хотелось чтобы скрипт не цсски выдавал, а просто фоновый рисунок нужный выбирал из папки и подставлял в

body
{
background-image: url("нужное изображение");
}

Помогите пожалуйста.