Добрый день. Хочется узнать как сделать так, чтобы в зависимости от разрешения экрана пользователя, выдавать ему тот или иной фоновый рисунок ( размер изображения имеется в виду). В сети я нашла одно решение:
<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("нужное изображение");
}
Помогите пожалуйста.