四季のRSS画像をJavascriptで季節により差し替えて表示する

四季のRSS画像 が良さそうだったので、 季節により差し替えて表示するようにした。

スクリプトはこんな感じにテキトーに

<a href="★★★RSSのURLを指定★★★" target="_blank" rel="nofollow">
  <script type="text/javascript">
  (function(){
    var root = '★★★画像フォルダのルートディレクトリを指定★★★';
    var names = [ // ファイル名
      'rss-winter.png', //12, 1, 2月
      'rss-spring.png', // 3, 4, 5月
      'rss-summer.png', // 6, 7, 8月
      'rss-autumn.png' // 9,10,11月
    ];

    var month = (new Date()).getMonth() + 1;
    var url = root + names[Math.floor((month % 12) / 3)];

    // 出力
    document.write('<img src="' + url + '" />');
  })(); // 実行
  </script>
  <noscript>
    <img src="★★★RSS画像のURLを指定★★★" />
  </noscript>
</a><!-- RSS -->
Share