php - 对单个页面的不同图像使用 Backstretch

Question

我希望有人可以提供帮助。我正在尝试使用 jQuery Backstretch 为 Bootstrap/Wordpress 中的每个特定页面应用不同的背景图像。例如:

首页 - 背景图片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>

我在我的 footer.php 中使用了它。

有没有人有解决办法？

Answer 1

你可以试试:

<?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>';
}
?>

数字 42、41 是页面的 ID。 Sp text_bg_b.jpeg 只会显示在关于我们页面上(假设它的 id 是 41)。