Php 对单个页面的不同图像使用反向拉伸

我希望有人能帮上忙。我试图使用jquerybackstretch为Bootstrap/Wordpress中的每个特定页面应用不同的背景图像。e、 g:

主页-背景图像a 关于-bg图像b 新闻-背景图片c 等等

我已经设法使用标准的Backstretch脚本为所有页面显示一个图像，但我完全不知道（即使在搜索之后）如何应用上述方法

到目前为止，我的代码是：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://myurl.co.uk/wp-content/themes/wpbootstra/bootstrap/js/jquery.backstretch.min.js"></script>

<script>
    $.backstretch("http://myurl.co.uk/wp-content/themes/wpbootstrap/bootstrap/img/test_bg.jpeg");
</script>

$.backstretch（”http://myurl.co.uk/wp-content/themes/wpbootstrap/bootstrap/img/test_bg.jpeg");

我已经在footer.php中使用了它

有人有解决方案吗？

您可以尝试：

<?php
if(is_page(42))
{
    echo '<script>$.backstretch("http://myurl.co.uk/wp-content/themes/wpbootstrap/bootstrap/img/test_bg.jpeg");</script>';
} 
else if(is_page(41))
{
    echo '<script>$.backstretch("http://myurl.co.uk/wp-content/themes/wpbootstrap/bootstrap/img/test_bg_b.jpeg");</script>';
}
?>

我认为没有必要使用backstretch：只需将此css样式内联添加到您的主体或主容器中：

background:url（PATHTOYOURIMAGE）中心不重复

背景尺寸：封面

 >P>您应该考虑使用自定义字段来给出图像的路径。我认为最简单的方法是安装一个名为
bg_image
的字段，并将其添加到每个包含图像url的站点。然后，您可以将图像的路径替换为


这是另一种方式，但我认为你应该试一试
 谢谢你，霍林。在我前面的示例中，您建议的代码位于何处？我要更换什么零件？很抱歉“按数字绘制”请求：）Dezza。请尝试用上述内容替换上一个“脚本”。效果：）非常感谢。你刚刚减轻了两天的脑损伤！谢谢你。好的，我很难理解你的建议。我已经将.css放在我的主样式表（bootstrap.css）中，是放在括号内还是替换整个背景：css行？我还安装了ACF并创建了一个带有返回值的bg_图像字段-图像url。我假设这需要导出为.php并放置在每个页面中？我不知道如何为每一页引用不同的图像。你有一个我可以查看的工作示例吗？对不起，这对我来说都是新鲜事。Hej，为了让它工作，你必须在标记内部应用这个样式，而不是在外部样式表中。请注意，
只是一个占位符，类似于
内容（）。一旦实现，它会自动获取您在后端定义的图像的正确图像url。因此，你最好登录wordpress，随机访问一个站点，查看编辑器下方是否有用于添加图像的字段。添加一个，保存并完成：）