- ベストアンサー
javascriptでイメージの切り替えをしたいのですが
javascriptでイメージの切りかえをしたいんですがどうやればいいかわかりません。 <head></head> <body> 今日は■曜日です </body> (1) 上のようなHPがあった場合、■の部分をHPを開いた曜日に応じて gifファイル(月、火、水、木、金、土、日とかいてある)を選択して 表示したいのですがどうすればいいでしょうか? (例えば月曜日にこのページを開いた場合 今日は 月(イメージで表示される)曜日です と表示されていてほしい) これはHPを見た時点で変わっているのが(マウスでクリックして変化するとかではないです)希望です。 (2)また上記のHPで日曜日の場合は、イメージの部分に何も表示しないようにする場合はどうすればいいのでしょうか? (HP上では 今日は曜日です と表示されるのみ) 初心者なのでそれがそもそもできるのかもわかっていないのですが 回答の宜しくお願いします。
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
<html> <head> <title></tile> </head> <body> <p> <script type="text/javascript"> var wk=new Array('日.gif','月.gif','火.gif','水.gif','木.gif','金.gif','土.gif'); var dt=new Date(); document.write('今日は','<img src="' + wk[dt.getDay()] + '">','曜日です'); </script> </p> </body> </html> -------------------- 日.gifは透明な(または背景と同色の)1x1ピクセルの画像にする。
その他の回答 (2)
- yambejp
- ベストアンサー率51% (3827/7415)
(2)はこんな風でもいいですけどね・・・ ただ「今日は曜日です」って表示されるのはどうかとおもいますが・・ <html> <body> <script type="text/javascript"> var wk=new Array('','月.gif','火.gif','水.gif','木.gif','金.gif','土.gif'); var dt=new Date(); document.write('今日は'+((wk[dt.getDay()]=='')?'':('<img src="' + wk[dt.getDay()] + '">'))+'曜日です'); </script> </body> </html>
お礼
なるほど色々やりかたがあるみたいですね。 ただ、まだ初心者で”(ダブルクォーターション) や'(シングルクォーテーション)の使い方が 良く分からないのでこれを期に勉強してみようと思います。 ありがとうございました。
- ANASTASIAK
- ベストアンサー率19% (658/3306)
失礼。ミスタイプ × <title></tile> ○ <title></title>
お礼
回答ありがとうございます。 とても参考になりました。 (2)の問題に関しても教えていただいたような処理で対応しようと 思います。 ありがとうございました。