• ベストアンサー

春夏秋冬の季節によって、画像を変更するには

春夏秋冬の画像が4枚あるのですが、季節によって自動に画像を表示させる方法はないのでしょうか。

質問者が選んだベストアンサー

  • ベストアンサー
  • Dpop
  • ベストアンサー率51% (279/544)
回答No.1

一般的には、CGIなどでやるのですが。。 JavaScriptだけでもできそうですね。 <HTML> <head> <script type="text/javascript"> <!-- function image4() { dd = new Date(); mm = dd.getMonth(); if ((mm == 3) || (mm == 4) || (mm == 5)) { s = 1; } if ((mm == 6) || (mm == 7) || (mm == 8)) { s = 2; } if ((mm == 9) || (mm == 10) || (mm == 11)) { s = 3; } if ((mm == 12) || (mm == 1) || (mm == 2)) { s = 4; } document.writeln("<img src=\"./photo"+s+".jpg\">"); } //--> </script> </head> <body> <script type="text/javascript">image4();</script> </body> </HTML> 例なので、ファイル名は簡単にしてありますが、基本的にはこんな感じでできるはずです。

m-happy-t
質問者

お礼

ありがとうございました。 >一般的には、CGIなどでやるのですが。。 検索して勉強してみます

m-happy-t
質問者

補足

ありがとうございます。動作は確認がとれたのですが、下記の変更は簡単に出来ないのでしょうか >ファイル名は簡単にしてありますが ファイル名を下記に変更すると、スクリプトエラーがでます。ファイル名を数字以外を使用すると、タグが複雑になるのでしょうか。 if ((mm == 3) || (mm == 4) || (mm == 5)) { s = haru; } ※haruに変更

その他の回答 (1)

回答No.2

文字列を入れるときは"等で囲んでください。 s = haru;   ↓ s = "haru"; 話は変わりますが3ヶ月に一度なら手動で更新したほうが楽なような気がするですが。

m-happy-t
質問者

お礼

ありがとうございます。 >話は変わりますが3ヶ月に一度なら手動で更新したほ>うが楽なような気がするですが。 言われるとおりなのですが、これから、これを応用して頻度を増やすかもしれないので

関連するQ&A