我希望有人可以提供帮助。我正在尝试使用 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)。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)