jQuery: программное позиционирование изображения с использованием левого поля - PullRequest
Новая
       30

jQuery: программное позиционирование изображения с использованием левого поля

0 голосов
/ 20 августа 2011

У меня есть простая HTML-страница, которая представляет собой дом с множеством окон.Поэтому для дома я использовал фоновое изображение, в котором нет окон.

Изображение bg дома имеет ширину 1816 пикселей и имеет затухание слева и справа, чтобы выглядеть плавно на экранах> = 1920p.

В HTML я создал таблицу, содержащую 4 окна.Теперь, если размер клиентской области (документа) ровно 1816 пикселей, я хочу переместить таблицу в положение 468 пикселей (поле слева).Основная проблема в том, что если я установил неправильное поле, наложение таблицы выглядит странно.

Это то, что я делаю с моим кодом: 

  function fixTableMargin() {
    const optimalWindowSize = 1816;
    const defaultLeftMargin = 468;

    var currentWidth = $(window).width();       

    var margin = defaultLeftMargin;
    if (currentWidth < optimalWindowSize)
    {
        //I have no idea how I can calculate in relation of the window' getting smaller
    }
    else if (currentWidth > optimalWindowSize)
    {           
        //I have no idea how I can calculate in relation of the window' getting smaller+ 5;
    }

$('#test').css({ 'margin-left': margin });
}

window.onresize = function(event) 
{
    fixTableMargin();
}

$(document).ready(function()
{
    fixTableMargin();
});

У кого-нибудь есть идеяКак я мог рассчитать правильный запас для любого разрешения экрана?

...