Разделы
Veselov CV | vvShop © 2008 – 2017
Контакты
email: igor@veselov.sumy.ua
skype: utz0r2
» » » Страница 185

Полный ресайз бекграунда не зависимо от размеров окна браузера


Полный ресайз бекграунда не зависимо от размеров окна браузера

function backgroundScale()
{
    var imageRatio       = 1.75;
    var windowHeight     = document.body.clientHeight;
    var windowWidth      = document.body.clientWidth;
    var windowScale      = windowWidth / windowHeight;
    var targetWidth      = windowHeight * imageRatio;
    var targetWidthFull  = windowWidth;
    var leftPos          = - (targetWidth - windowWidth) / 2;
    var leftPosFull      = 0;

    if (windowScale <= imageRatio)
    {
        $('.background img').attr("width", targetWidth);
        $('.background').css("left", leftPos);
    }
    else
    {
        $('.background img').attr("width", targetWidthFull);
        $('.background').css("left", leftPosFull);
    }
}

$(window).resize(function()
{
    var imageRatio       = 1.75;
    var windowHeight     = document.body.clientHeight;
    var windowWidth      = document.body.clientWidth;
    var windowScale      = windowWidth / windowHeight;
    var targetWidth      = windowHeight * imageRatio;
    var targetWidthFull  = windowWidth;
    var leftPos          = - (targetWidth - windowWidth) / 2;
    var leftPosFull      = 0;

    if (windowScale <= imageRatio)
    {
        $('.background img').attr("width", targetWidth);
        $('.background').css("left", leftPos);
    }
    else
    {
        $('.background img').attr("width", targetWidthFull);
        $('.background').css("left", leftPosFull);
    }
    
    mainBaseResize();
});


function mainBaseResize()
{
    if(($('body').height() >= 800) && ($('#mainBase').height() <= 500)){
        $('#mainBase').height($('body').height() - 445 + "px");
    }
}
  
$(document).ready(function(){
    backgroundScale();
    
    mainBaseResize();

});


<div class="background">
        <img src="23.jpg" width="100%" alt="Spencer Street Background Image" />
</div>


СМОТРЕТЬ

Простой ajax editor и jquery


Простой ajax editor и jquery

демо: ссылка
скачть: скачать скрипт Ajax Editor on Jquery

Меню с затуханием на Jquery


Меню с затуханием на Jquery

ДЕМО | СКАЧАТЬ

Крошечный круговой слайдер jQuery


Крошечный круговой слайдер jQuery


САЙТ / ДЕМО

jQuery Всплывающие подсказки


jQuery Всплывающие подсказки

ИСХОДНИКИ / ДЕМО

Скролирующая навигация использующая jQuery


Скролирующая навигация использующая jQuery

Сырцы / Демо
«»
Вверх