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

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

首页-bg图片a
关于-bg图像b
新闻-BG图片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中使用了它.

有没有人有办法解决吗？

解决方法:

您可以尝试：

<?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).

标签：twitter-bootstrap,image,wordpress,php,jquery-backstretch
来源： https://codeday.me/bug/20191121/2051781.html