スタイルシートで指定している背景を時間帯によって変えたいのですが、

JavaScriptでの指定の仕方がわかりません。

スタイルシート
---------------------------
#bg_top {
background-image: url(../img/top/bg_top.jpg);←これです
background-repeat: no-repeat;
height: 600px;
width: 800px;
margin: auto;
}
---------------------------

JavaScript
---------------------------
var bgImage = ['../img/top/bg_top.jpg','../img/top/bg_top2.jpg','../img/top/bg_top3.jpg'];

if((myHours >= 4)&&(myHours <= 15)) {
var bgImage = bgImage[0];
}
else if((myHours >= 16)&&(myHours <= 18)) {
var bgImage = bgImage[1];
}
else if((myHours >= 19)&&(myHours <= 23)||(myHours >= 0)&&(myHours <= 3)) {
var bgImage = bgImage[2];
}

document.body.style.backgroundImage = "url(' + bgImage + ')";
---------------------------

おそらくJavaScriptのdocument.body.style.backgroundImageの指定の部分を変えればいいのかなと思ったりもするのですがよくわからず困っています。
どなたか分かる方いらっしゃいましたらご教授お願い致します。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/08/11 21:06:23
  • 終了:2012/08/18 21:10:03

ベストアンサー

id:Cherenkov No.1

Cherenkov回答回数1502ベストアンサー獲得回数4922012/08/11 21:18:22

//"url(' + bgImage + ')"; ダブルクォーテーションとシングルクォーテーションが混ざって変数が展開されていない。
document.body.style.backgroundImage = "url(" + bgImage + ")";

myHoursがどうなっているのか確認。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません