今日の一枚

今日の写真をランダムに選んで表示する。

〔例1〕開いたときの時刻がxx秒のとき、0xx.jpgを表示する。imgフォルダに001.jpg~060.jpgを保存する。

<script type="text/javascript">
  now=new Date();
  day=now.getSeconds() + 1;
  if (day < 10) {	day = "00" + day;	}
  else { day = "0" + day;}
  document.write("<a href='img/"+day+".jpg' title='"+day+"'>
   <IMG SRC='img/thumb/" + day + ".jpg' ALT='今日の写真" + day + "'></a>");
</script>

〔例2〕001.jpg~010.jpgからランダムに選択した一枚を表示する。

<script type="text/javascript">
  pic = new Array("001","002","003","004","005","006","007","008","009","010");
  num=10;now=new Date();now=now.getSeconds();rnd=now%num;
  document.write("<a href='img/" + pic[rnd] + ".jpg' title='"+pic[rnd]+"'>");
  document.write("<img src='img/thumb/" + pic[rnd] + ".jpg'></a>");
</script>
スライドショー

すなねぃる版(2005作成)~mBanner(2007)は古かったりフラッシュだったりするので今後は使わない。スマホにも対応したJQueryプラグインを使っていく。