- ベストアンサー
日にちによって画像を変更するには?
見てくださってありがとうございます。 数年前からホームページを運営しているのですが、トップページに表示する画像を、月ごとやイベントごとに変える方法を探しています。(観覧者側のパソコンから月や日にちを取得して、たとえば1月31日の24時を過ぎたら表示画像を変更させたり、バレンタインの2月14日なら、2月13日の24時を過ぎてから2月14日の24時まで表示させる、という具合に) 以前似たような質問がこちらのサイト様であったらしく、検索してヒットしたページを見てこれがどうやらjavascriptであることを知ったのですが、参考リンク先がリンク切れになっていて調べることができませんでした。 ご存知の方がおられましたら、教えてください。
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
こんにちは(^^) No.1の方のを使ってるようなので参考程度に・・・ <body onLoad="change()"> <SCRIPT language="JavaScript"> <!-- function change() { obj=document.getElementById("image"); today = new Date(); Mon = today.getMonth()+1; Day = today.getDate(); if (Mon == 1) { if (Day == 1) { obj.src = "./newyear.gif"; } } if (Mon == 2) { if (Day == 14) { obj.src = "./valentine.gif"; } } if (Mon == 12) { if (Day == 24) { obj.src = "./christmas.gif"; } } } // --> </SCRIPT> <img src="./kihon.gif" name="image"> 年度指定も入れるのであれば Year = today.getFullYear(); を『Mon = today.getMonth()+1;』の上に付け加えて if(Year == 2007) { if (Mon == 1) { if (Day == 1) { obj.src = "./newyear.gif"; } } } という風にしてください
その他の回答 (1)
- ANASTASIAK
- ベストアンサー率19% (658/3306)
ここにあります。 http://okwave.jp/qa2407292.html テキストを画像に差し替えるだけです。
お礼
早々の回答ありがとうございます。 先ほど、以下のようにソースに書いて実行してみました。 <SCRIPT LANGUAGE="JavaScript"> nowDt = new Date(); YY = nowDt.getFullYear(); MM = nowDt.getMonth() + 1; DD = nowDt.getDate(); if(YY == 2007){ if(MM == 2){ if(DD == 18){ document.write("<img src=1.jpg>"); } } } </SCRIPT> 上手いこと『1.jpg』の画像が出てきて、日にちを『19』に変更すると画像が消えました。(javaについての知識はほぼありませんので、文法等間違っていたらご指摘ください) 上手くいったのですが、この場合、該当の日にちに相当しない場合に別の画像を表示するにはどうすればいいのでしょうか?
お礼
上手く行きました!! 教えてくださってありがとうございます。