• 締切済み

時間で背景の画像を変更したいのですが?

HPの背景で朝、昼、晩とその雰囲気の背景画像に自動変更したいのですが そのようなスクリプトをご存知のかた、またはサイトを教えて欲しいのです が・・・よろしくお願いします。

みんなの回答

  • leaz024
  • ベストアンサー率75% (398/526)
回答No.3

 下記の「インサイドウェブ」のJavaScriptのコーナーに、ご希望のスクリプトのヒントとなるものが置いてあります。  他にもたくさんのサンプルが置いてあるので、一度ご覧になってみてはいかがですか? 注)ここに置いてある全てのサンプルは、ご自分のHPにインサイドウェブへのリンクを貼るだけで、無料で利用可能だということです。

参考URL:
http://www.inside.ne.jp/
回答No.2

とりあえず手っ取り早い方法。 <HTML> <HEAD> <title></title> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> <!-- date = new Date() hour = date.getHours() image_path = 'cgi-bin/image'; morning_image = "ohayo.gif" daytime_image = "konchiwa.gif" night_image = "konbanwa.gif" if (hour >= 6 && hour < 11) { bg_image = morning_image } else if (hour >= 11 && hour < 17) { bg_image = daytime_image } else { bg_image = night_image } document.write("<BODY background=" + image_path + '/' + bg_image + ">"); //--> </SCRIPT> あああ </BODY></HTML> document.bgColor = ...で代入しようとするとハマります。 (画像は背景色とは事情が違う)まあここは手っ取り早くBODYタグを 直接書き出してしまいましょう。 image_pathのところや、morning_imageのところを適切に変えてください。 (画像ファイルがこのHTMLファイルと同じディレクトリにあるなら document.write("<BODY background=" + bg_image + ">"); でいいでしょう) なお、hour >= 6 などのところが時間に応じて処理を分岐させている所です。 お好きな時間帯になるよう調整してください。

suc3
質問者

お礼

Head_Syndicate様 さっそくのご解答ありがとうございます。 試してみます。 貴殿のますますのご活躍をお祈りいたします。 重ねてありがとうございます。

  • sonata
  • ベストアンサー率28% (13/45)
回答No.1

CLUBとむやん君というサイトさんでサンプルプログラムを配布していらっしゃいますよ。 トップ⇒Javascript講座⇒背景 アクセスする時間ごとに背景を変えられるサンプルもあります。 ページ自体に説明書きのようなものはないのですが、ダウンロードしたサンプルの中に入っているHTMLを見れば全部詳しく解説しています。それでもわからない場合は質問掲示板があるのでそこで質問してみると良いと思います。 参考URLにアドレス入れておきますね。 頑張ってください。

参考URL:
http://www2s.biglobe.ne.jp/~club_tom/
suc3
質問者

お礼

sonata様 早目のご解答ありがとうございます。 挑戦してみます。 貴殿のますますのご活躍をお祈りいたします。 重ねてありがとうございます。

関連するQ&A