Масштабируемые сайты с 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