Мащабируеми сайтове с jQuery

Опитвате се да създадете сайт с jQuery паралакс, който преоразмерява правилно при свиване или уголемяване на прозореца. Погледнете в този флаш сайт и плъзнете ъглите, за да видите функционалността за преоразмеряване.

http://www.intersectionpartners.com/

Някакви съвети как да направите това с jQuery?


person user1720148    schedule 04.10.2012    source източник
comment
Какво имаш предвид под мащабируем? Ефект на мащабиране на целия уебсайт? Ако е така, вижте тук stackoverflow.com/questions/1647237/   -  person pixelistik    schedule 04.10.2012


Отговори (1)


Вярвам, че това, което очаквате, е паралакс на цял екран. Като в моята проба тук:

http://jsfiddle.net/protron/hLHTP/embedded/result/ (пълен източник тук)

Започнах да копирам тяхната целева демонстрация и след това (вътре в CSS) зададох полетата на "0" за parallax-port:

.parallax-port {
    position: absolute;
    top:0px; bottom:0px; left:0px; right:0px;
}

Това е всичко. След това промених изображенията на това в тяхната начална страница за паралакс и промених кординатите им, за да получа семплер, подобен на страницата, която показахте (но очевидно изображенията не са достатъчно големи за голям екран).

person Mariano Desanze    schedule 04.10.2012