Javascript WP get_post_缩略图与Backstretch JS

我正在使用一个名为“”的javascript在我的网站背面显示一个图像，当视口变大或变小时，该图像会调整大小。现在我想把它和WordPress的功能结合起来，这样我就可以将背景图像设置为特色图像

我尝试了标准的WP函数，但它不起作用，因为它添加了标记：

 $.backstretch("<?php echo get_the_post_thumbnail( $post_id, $size, $attr ); ?>");

$.backstretch（“”）；

所以我需要去掉那些标签。。我越来越接近了，因为我现在得到了一个url（和图像），但它总是相同的，即使我在每个页面上设置了不同的特色图像

 <?php $url = wp_get_attachment_url( get_post_thumbnail_id($post_id, $size, $attr ) ); ?>

 <script>$.backstretch("<?php echo $url; ?>");</script>

$.backstretch（“”）；

尝试使用全局$post对象，如下所示：

<?php global $post; $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID, 'full' ) ); ?>

 <script>$.backstretch("<?php echo $url; ?>");</script>

$.backstretch（“”）；

您可以在本教程中找到问题的答案：

创建backstretch-set.js文件并包括

jQuery（文档）.ready（函数（$）{
$（“body”）.backstretch（[BackStretchImg.src]，{duration:3000，fade:750}）；
});

然后在functions.php中将两个js文件（backstretch.js和backstretch set.js）排队

//* Enqueue Backstretch script
add_action( 'wp_enqueue_scripts', 'enqueue_backstretch' );
function enqueue_backstretch() {

//* Load scripts only on single Posts, static Pages and other single pages and only if featured image is present
if ( is_singular() && has_post_thumbnail() )

    wp_enqueue_script( 'backstretch', get_bloginfo( 'stylesheet_directory' ) . '/js/jquery.backstretch.min.js', array( 'jquery' ), '1.0.0' );
    wp_enqueue_script( 'backstretch-set', get_bloginfo('stylesheet_directory').'/js/backstretch-set.js' , array( 'jquery', 'backstretch' ), '1.0.0' );

    wp_localize_script( 'backstretch-set', 'BackStretchImg', array( 'src' => wp_get_attachment_url( get_post_thumbnail_id() ) ) );

在循环内部使用_ID（）而不是$post_id@MichalS抱歉，我不知道你想说什么…当你在里面（见那里的示例）使用wp_get_attachment_url（get_post_thumbnail_id（the_id（），$size，$attr））时，你在哪个文件中尝试这样做？编写此代码时是否加载了主干和jquery文件？它位于my footer.php中，javascript代码的其余部分在header.phpIn中。在这种情况下，我必须假设有什么东西正在更改您的主查询，因此您没有在页面的页脚中获得正确的post id。当我使用标准函数时：例如在div中，它会获得正确的图像，但我无法将其添加到$.backstretch中，因为它添加了虽然此链接可以回答问题，但最好在此处包含答案的基本部分，并提供链接供参考。如果链接页面发生更改，只有链接的答案可能会无效。好的，我在教程中包含了必要的代码。