0

Усилиями участников сайта, немного понял, куда копать в правке кода. В общем переписал под jQuery. Но код не работает... Что я не правильно сделал? Подскажите.

апд Проблема решена совсем другим способом. Всем спасибо.

function hide_div() {
    //var rnd_200 = Math.round(Math.random()*4) + 7; swap_img('loader_' + rnd_200);
    clearTimeout(show_delay);
    show_delay = null;
    if (!obj_float_div) return;
    obj_float_div.style.visibility = 'hidden';
    obj_float_div.style.left = "-3000px";
    obj_float_div = false;
}

var IE = (document.all);
var NC = (document.layers);
var Opera = (document.getElementById);

function getWidth() {
    if (IE) return document.body.clientWidth;
    if (NC) return window.innerWidth;
    if (Opera) return document.body.offsetWidth;
    return 1024;
}

var cmw;
var hfw;
var ww;

function recount() {
    var ttt;
    if (window.getSize().x >= 1690) {
        ttt = 8;
    } else if (window.getSize().x >= 1260) {
        ttt = 6;
    } else {
        ttt = 4;
    }
    cmw = ttt * 205;
    hfw = cmw - 5;
    ww = hfw + 30;
}

window.onload = resizecontent;
window.onresize = resizecontent;

function resizecontent() {
    recount();
    $('#header').css({
        'width': hfw + 'px'
    });
    $('#footer').css({
        'width': hfw + 'px'
    });
    if ($('#contentmain').length > 0) {
        $('#contentmain').css({
            'width': cmv + 'px'
        });
    } else {
        $('#wrapper').css({
            'width': ww
        });
    }
    if ($('#imagezoom_overlay').length > 0) {
        $('#imagezoom_overlay').width(document.body.clientWidth);
        $('#imagezoom_overlay').height(window.innerHeight().y);
    }
}

текст курсивом

3
  • Что должен делать этот код?
    – Dem
    9 фев 2012 в 10:15
  • Он ресайзит страницу в зависимости от разрешения экрана.
    – Дани
    9 фев 2012 в 10:17
  • 1
    Вам, насколько я помню, вчера уже решали эту проблему....
    – LeD4eG
    9 фев 2012 в 10:35

1 ответ 1

3

Он ресайзит страницу в зависимости от разрешения экрана.

С этого и надо было начинать.

var w = $(window);
w.resize(function(){
    $('body').css({
        width: w.width() + 'px',
        height: w.height() + 'px'
    });
}).resize();

А если надо растягивать на всю ширину экрана, а не окна, используйте стандартный объект screen.

9
  • Хм. Т.е. я удаляю свой код полностью и вставляю только этот? Просто у меня на сайте выводятся картинки подряд. Размер картинок 200х200. Код, который я первый раз запостил здесь: hashcode.ru/questions/78288/переделать-код-под-jquery работал на mootools, в вот на jquery не работал.
    – Дани
    9 фев 2012 в 10:44
  • Т.к. картинки на сайте размером 200 на 200, в этом коде я так понимаю имеются значения ttt. Если разрешение x>=1690, то cmw=ttt*205; и т.д. Вообще запутался...
    – Дани
    9 фев 2012 в 10:48
  • Поэтому мне надо переделать код, который я запостил.. Но не получается. Какие только можно значения перепробовал.
    – Дани
    9 фев 2012 в 10:55
  • var cmw; var hfw; var ww; function recount() { var ttt; if (window.getSize().x >= 1690) { ttt = 8; } else if (window.getSize().x >= 1260) { ttt = 6; } else { ttt = 4; } cmw = ttt * 205; hfw = cmw - 5; ww = hfw + 30; } Исправляю на:
    – Дани
    9 фев 2012 в 11:02
  • 1
    Вы вообще ссылку [howtocreate.co.uk/tutorials/javascript/browserwindow][1] читали? [1]:howtocreate.co.uk/tutorials/javascript/browserwindow
    – ling
    9 фев 2012 в 11:06

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.