разрешение экрана style+js

Discussion in 'PHP' started by TANZWUT, 28 Aug 2010.

  1. TANZWUT

    TANZWUT Крёстный отец :)

    Joined:
    22 Jun 2005
    Messages:
    1,474
    Likes Received:
    716
    Reputations:
    744
    немного не вкурю как лучше скрестить style и js:
    style.css:
    Code:
    body {
    	color:#333;
    	margin: 0px;
    	font-family: Tahoma;
    	font-size: 12px;
            padding : 0;
            background-color: #EADFBC;
    	background-attachment: fixed;
    	background-image: url('/tmp/bg.jpg');
    }

    фоновую картинку bg.jpg я планирую менять в зависимости от полученного разрешения экрана пользователя, и саму картинку (реализовать смену сам смогу). тут как вариант, подгружать стиль с параметрами style.css?resx=X&resy=Y (.htaccess + php)
    далее в стиле подставлять нужную картинку по XY. так же надо учесть если JS у браузера отключено...

    по всяким примерам в инете нашёл типа
    .....
    function send_res()
    {
    var param = screen.width+'&resy='+screen.height;
    r_obj = false;
    if(window.XMLHttpRequest)
    {
    r_obj = new XMLHttpRequest;
    }
    else if(window.ActiveXObject)
    {
    r_obj = new ActiveXObject("Microsoft.XMLHTTP");
    }
    r_obj.open('GET','/res.php?resx='+param,true);
    r_obj.send(null);
    }
    </script>
    <body onLoad="send_res()">
    да, получаю разрешение экрана, а вот как правильно эт сделать и лучше реализовать со стилем и под все браузеры...?
     
    _________________________