揺れる画像のスライドショー

写真には単なるデモ用で意味はありません

ソース見本
<html> <head> <title>揺らぎのスライドショー</title> <script> t1=new Date(); st=parseInt(t1.getTime()/1000); p=1; go=5; //スタート待ち時間(秒) tim=5000; //送り間隔 ///スライドショー/// function yuragi(){ t2=new Date(); nt=parseInt(t2.getTime()/1000); ss=(nt-st-go); if(ss>0){ p++;if(p>9){p=1;} f="img_"+p+".jpg"; document.nobana.setImageValue(f); } tm=setTimeout("yuragi()",tim); } </script> </head> <body> <center> <font size=5>揺れる画像のスライドショー</font><br> <applet code="lake" name="nobana" height="401" width="301"> <param name="image" value="img_1.jpg"> </applet> <script>yuragi();</script> </center> </body> </html>
  • イメージファイル"img_1.jpg"〜"img_9.jpg"を準備する。
  • JavaApplet「lake.class」が必要です