タイトル通りなのですが、なかなかうまくいきません・・・。スタイルを使って右下に背景画像を表示しています。このtest.gifを時間帯によって変えたいです。自分なりにこのようにしてheadタグの中に埋め込みましたがうまくいきません。 "); else { if (t "); else { if (t "); else { if (t "); }}} } //---> という普通の背景の表示の仕方ならうまくできました。スタイルはheadの中では使えないのでしょうか・・・？どのようにすればうまくいくでしょうか？JavaScriptに関してはほとんど無知ですがよろしくおねがいします。 ※意味不明なことを言っていたらすみません。

時間帯によって背景画像を変える

解決済

質問者：piko7531
質問日時：2003/10/26 07:34
回答数：1件

タイトル通りなのですが、なかなかうまくいきません・・・。

<BODY style="background-image:url(test.gif);background-repeat:no-repeat;
background-attachment:fixed;background-position:bottom right;">

スタイルを使って右下に背景画像を表示しています。このtest.gifを時間帯によって変えたいです。

自分なりにこのようにしてheadタグの中に埋め込みましたがうまくいきません。

<SCRIPT LANGUAGE="JavaScript">
 </SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
 </SCRIPT>

<BODY BACKGROUND='test.gif'>という普通の背景の表示の仕方ならうまくできました。スタイルはheadの中では使えないのでしょうか・・・？どのようにすればうまくいくでしょうか？JavaScriptに関してはほとんど無知ですがよろしくおねがいします。

※意味不明なことを言っていたらすみません。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： lead1976
回答日時：2003/10/26 07:56

head要素内でbodyタグを書き出すようになっている点が気になります。

本来であれば、bodyタグは1つだけですので、ソースのHTML文法の面での整合性を重視するなら、ちょっと強引過ぎるかもしれません。

document.write()でbodyタグを書き出す方法を取るのであれば、それよりもhead要素内にJavaScriptでstyleタグを書き出して、そのスタイルシートで背景画像を指定するのがよいのではないでしょうか。
あるいは、DHTML的手法を使って、JavaScriptからbody要素の背景画像のスタイルシートにアクセスし、書き換えるという方法でも良いかも知れませんね。

とりあえず、document.write()でスタイルシートを書き出す手法を。

<SCRIPT LANGUAGE="JavaScript"> </SCRIPT>
<style type="text/css"></style>

これをhead内に入れてみてください。背景画像を指定するスタイルシートはJavaScriptから書き出すようにして、それ以外のスタイル(背景画像の表示位置、リピートなど)については共通しているようですので、JavaScriptからではなく、style要素を別に書き込んで、そこから読み込ませる形にしてあります。
これでうまくいくのではないでしょうか。

参考になれば。見当違いでしたら、ごめんなさい。