2012-01-03 2 views
3

찾는이 jQuery를 호출 시차에 플러그인,하지만 난 어디서든 링크를 찾기 위해 솔기를 기울인다 :내가 찾고 있어요 JQuery와 플러그인 시차

소스 플러그인 : http://www.laurentiuswonen.com/jaarverslag2010/assets/js/jquery.parallax.js

+1

해당 사이트의 소유자 (특히 해당 사이트)가 작성한 코드 일 가능성이 있습니다. – meagar

+0

플러그인 인 경우 플러그인을 잘못 작성했습니다. 소스 코드에는 전역 변수가 있습니다. 이것은 책임감있는 코딩이 아닙니다. –

답변

0

나는보고있다. window.scroll 이벤트에 연결하여 div를 적절한 위치로 이동시키는 이벤트를 만들었습니다.

https://github.com/eiu165/Parallax/tree/master/src

working sample

내가 사용하기 편리하도록 기존에 확장했다. 내 작품 가로. 그것을 자유롭게 사용하십시오.

사용 var hotSpots = [0, 2000, 4000, 6000, 8000];

다음 클래스 당신의 움직이는 DIV를 페이지의 위치를 ​​정의하고에게 X 속도Y 속도 를 제공하고 X 위치에 이동 DIV 내부 요소를 넣어위치는이며 표시 할 프레임 (페이지)은 무엇입니까?

<div class="parallax" data-speed-x="0" data-speed-y="0.8" > 
    <div data-frame-y="220" data-frame-x="200" data-frame="1" ><img src="./img/moon.png" /></div> 
    <div data-frame-y="350" data-frame-x="420" data-frame="4" ><img src="./img/sun.png" /></div> 

</div> 

<div class="parallax" data-speed-x="-0.4" data-speed-y="0.0" > 
    <div data-frame-y="800" data-frame-x="420" data-frame="3" ><img src="./img/tree.png" /></div> 
    <div data-frame-y="750" data-frame-x="320" data-frame="4" ><img src="./img/tree.png" /></div> 
</div> 

이 사이트를 기반으로 한 것으로 판단됩니다. http://f6design.com/projects/parallax-scrolling/

관련 문제