Jquery, WordPress 및 ACF

Question

나는 WordPress 사이트가 있으며 ACF를 사용합니다. (https://www.advancedcustomfields.com/). 나는 각 기사를위한 유일한 심상을 가진 나의 홈 페이지에 몇몇 기사가있다.

이

내가 나의 기사의 이미지를 사용하는 것입니다 :

이 코드와 함께 작동 get_field

<div class="image_cover_home" style="background-image:url(<?php echo get_field('image_cover', $value->ID)['url'] ?>)" > 

내 PHP는 에코 :

I : I는 각 기사에 대한 하나의 다른 이미지를 가지고 이 이미지에 시차 효과를 사용하려고 했으므로이 스크립트를 사용합니다. http://pixelcog.github.io/parallax.js/

$('.image_cover_home').parallax({ 

    imageSrc: '<?php echo get_field('image_cover', $value->ID)['url'] ?>', 
    naturalWidth: 400, 
    naturalHeight: 200, 
    speed:0.8 

}); 

문제는이 jquery 스크립트에 내 echo 필드를 넣었을 때 이미지의 ID를 인식하지 못하는 것입니다. 그래서 각 기사마다 동일한 이미지가 있습니다 ...

왜?

Answer 1

당신은 문자열에 문제가있다. 그래서 전체가 반환 형식에 대한 ..

$('.image_cover_home').parallax({ 

    imageSrc: "<?php echo get_field('image_cover', $value->ID)['url'] ?>", 
    naturalWidth: 400, 
    naturalHeight: 200, 
    speed:0.8 

}); 

Answer 2

확인 ACF 설정 모양을이

imageSrc: "<?php echo get_field('image_cover', $value->ID)['url'] ?>",

같이하십시오. 이미지 필드에 대한 반환 유형이 이미지 객체 또는 URL 일 수 있음을 기억합니다.

Answer 3

usage instructions 데이터 속성을 통해이 효과를 적용 할 수있는 말 :

는 데이터 시차 = 사용하려는 요소에 "스크롤"추가 을 데이터 이미지 SRC와 이미지를 지정 = "/ 경로에 /은/image.jpg를"

예 :

<div class="parallax-window" data-parallax="scroll" data-image-src="/path/to/image.jpg"></div> 

그래서 대신 수동으로 각 이미지에 대한 호출을 플러그인

data-image-src="<?php echo get_field('image_cover', $value->ID)['url'] ?>"