Jquery、wordpress and ACF

Question

私はワードプレスサイトを持っており、私は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：私は、各記事に対して1つの異なるイメージを持っていますこれらの画像に視差効果を使用しようとしたので、このスクリプトを使用します： 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スクリプトに私のphp 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'] ?>"