人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

スタイルシートで指定している背景を時間帯によって変えたいのですが、
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の指定の部分を変えればいいのかなと思ったりもするのですがよくわからず困っています。
どなたか分かる方いらっしゃいましたらご教授お願い致します。

●質問者: amakasu0325
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

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

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

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ