3

誰かが助けてくれることを願っています。jQuery Backstretch を使用して、Bootstrap/Wordpress 内の特定のページごとに異なる背景画像を適用しようとしています。例えば：

ホーム - bg 画像 a 概要 - bg 画像 b ニュース - bg 画像 c など...

標準の Backstretch スクリプトを使用して、すべてのページに 1 つの画像を表示することができましたが、上記を適用する方法について (検索後でも) 完全にわかりません。

これまでの私のコード:

<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 で使用しました。

誰にも解決策がありますか？

4

2 に答える 2

2

あなたは試すことができます：

<?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 は About us ページにのみ表示されます (ID が 41 であると仮定)。

于 2014-07-29T10:08:13.660 に答える