2012-10-04 5 views
-2

jQuery 시차를 사용하여 창을 축소하거나 확대 할 때 크기가 올바르게 조정되는 사이트를 만들려고합니다. 이 플래시 사이트를보고 가장자리를 드래그하여 크기 조정 기능을 확인하십시오.jQuery로 확장 가능한 사이트

http://www.intersectionpartners.com/

jQuery를 사용하여이 작업을 수행하는 방법에 대한 조언?

+1

"확장 가능"이란 무엇을 의미합니까? 전체 웹 사이트의 확대/축소 효과? 그렇다면 여기를보십시오 http://stackoverflow.com/questions/1647237/can-i-zoom-into-a-web-page-like-ie-or-firefox-do-using-programming – pixelistik

답변

0

나는 당신이 기대하는 것이 전체 화면에서 시차라고 믿는다. 여기 내 샘플에서와 마찬가지로 :

http://jsfiddle.net/protron/hLHTP/embedded/result/ (전체 소스 here)

내 복사를 시작 그들이 target demo 후 나는 parallax-port은 "0"으로 여백을 설정합니다 (CSS 내부) :

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

그게 전부입니다. 그런 다음 이미지를 parallax homepage에있는 이미지로 변경하고 표시 한 페이지와 유사한 샘플러를 얻기 위해 좌표를 변경했습니다. (하지만 이미지가 큰 화면에서는 충분히 크지 않습니다.)