2014-07-21 2 views
1
나는 기본적인 JQuery와 시차 플러그인을 사용하고

에 인수를 추가하는 방법 : ('. 시차'). parallax from Nike WorldJQuery와 시차

표준 방법은 기본 JQuery와의 시차는 $입니다 시차 ("50 %"전화를, 속도, 높이). 나는 더 많은 인수 'img'를 추가하고 싶다. 그래서 :. $ ('. 시차') 시차 ("50 %", 속도, 높이, IMG)

다음과 같이 나는 바르를 설정하고는 :

$('.parallax').each(function(){ 
    var speed = $(this).data('speed'); 
    var height = $(this).data('height'); 
    var img = $this.data('img'); 

    $('.parallax').parallax("50%", speed, height, img); 

}); 

이 꽤 정직해야한다. 그런 다음 시차 gist에서 fn.parallax 호출에서 arg를 추가 한 것을 볼 수 있습니다. 63 행에서 사용합니다. 문제는 이미지가 표시되지 않는다는 것입니다. background-position은 div에 출력되는 유일한 규칙입니다.

가난한 사람은 디버깅을하지만 parallax.js 전체에 console.log (img)가 있으며 올바른 이미지 URL이 표시됩니다.

무엇이 누락 되었습니까? 라인 63에서

, 당신은 내가 잘못 생각하는 배경 이미지 선언의 끝 부분에는 반복을 추가하지 : 당 영업 이익의 요청

+0

63 행에서 'background-image' 선언의 끝에 no-repeat을 추가합니다. 이것은 틀린 것 같습니다. 'no-repeat'을 제거하고 그 속성을'background-repeat'를 사용하여 따로 할당 해 보았습니까? –

+0

많은 감사. 그거였다. 답변을 제공하려면 –

+0

고맙습니다. 동의하겠습니다. –

답변

0

, 여기에 응답 형태로 내 원래의 제안입니다. no-repeat을 제거하고 해당 속성을 background-repeat를 사용하여 따로 할당 해 보았습니까?