带有来自页面 ID 的 WordPress 特色图片的 Backstretch.js答案

【问题标题】：Backstretch.js with WordPress Featured Image from Page ID带有来自页面 ID 的 WordPress 特色图片的 Backstretch.js
【发布时间】：2014-08-19 12:05:57
【问题描述】：

我正在开发一个单页网站，其中每个部分的内容都通过帖子 ID 加载。

<?php $id=193; $post = get_page($id); echo $post->post_content; ?>

每个页面都有自己的完整背景图片，放在内容 div 下，我使用 Backstretch.js 在 div id 中创建该图片。

示例。
http://jsfiddle.net/4k6ty4n1/4/

到目前为止，一切都完美无缺，但我希望可以使用 WordPress 中的特色图像选项编辑背景图像，而不是像现在这样硬编码但找不到解决方案。

应该是这样的（我猜）：

$(function() {
$("#pageOneImage").backstretch("<?php $id=193; $post = get_post_thumbnail_id($id); echo $post->get_post_thumbnail_id; ?>");
$("#pageTwoImage").backstretch("<?php $id=195; $post = get_post_thumbnail_id($id); echo $post->get_post_thumbnail_id; ?>");
});

【问题讨论】：

标签： javascript php wordpress jquery-backstretch

【解决方案1】：

其实很简单：

<?php $thumb_id = 1; $url = wp_get_attachment_url( get_post_thumbnail_id($thumb_id) ); ?>

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

【讨论】：

【解决方案2】：

对我来说，这段代码工作得很好：

<script>
jQuery(document).ready(function($) {
     jQuery(".your-class-or-ID").backstretch("
 <?php
    $thumb_id = get_post_thumbnail_id();
    $thumb_url = wp_get_attachment_image_src($thumb_id,'full', true);                
    echo $thumb_url[0];
?>");
});
</script>

【讨论】：