動画のスライドショー
マウスを乗せた写真が動きます。



<html> <head> <title></title> <script language="javascript"> <!-- fil=new Array(); doc=new Array(); m=0;doc[m]="ツマグロヒョウモンのメスです。"; url="http://qpon-home.com/musi/cho/"; n=0;fil[n]=url+"hyo21.jpg"; n++;fil[n]=url+"hyo22.jpg"; n++;fil[n]=url+"hyo23.jpg"; n++;fil[n]=url+"hyo24.jpg"; n++;fil[n]=url+"hyo25.jpg"; n++;fil[n]=url+"hyo23.jpg"; m++;doc[m]="ツマグロヒョウモンのオスです。"; url="http://qpon-home.com/musi/cho/"; n++;fil[n]=url+"hyo11.jpg"; n++;fil[n]=url+"hyo12.jpg"; n++;fil[n]=url+"hyo13.jpg"; n++;fil[n]=url+"hyo14.jpg"; n++;fil[n]=url+"hyo15.jpg"; n++;fil[n]=url+"hyo13.jpg"; m++;doc[m]="アサマイチモンジです。"; url="http://qpon-home.com/musi/cho/"; n++;fil[n]=url+"asama15.jpg"; n++;fil[n]=url+"asama14.jpg"; n++;fil[n]=url+"asama13.jpg"; n++;fil[n]=url+"asama12.jpg"; n++;fil[n]=url+"asama11.jpg"; n++;fil[n]=url+"asama13.jpg"; m++;doc[m]="キタテハです。"; url="http://qpon-home.com/musi/cho/"; n++;fil[n]=url+"kiha01.jpg"; n++;fil[n]=url+"kiha02.jpg"; n++;fil[n]=url+"kiha03.jpg"; n++;fil[n]=url+"kiha04.jpg"; n++;fil[n]=url+"kiha05.jpg"; n++;fil[n]=url+"kiha05.jpg"; m++;doc[m]="ツクツクボーシです。"; url="http://qpon-home.com/musi/"; n++;fil[n]=url+"tuku21.jpg"; n++;fil[n]=url+"tuku22.jpg"; n++;fil[n]=url+"tuku21.jpg"; n++;fil[n]=url+"tuku22.jpg"; n++;fil[n]=url+"tuku21.jpg"; n++;fil[n]=url+"tuku22.jpg"; m++;doc[m]="キツツキのコゲラです。"; url="http://qpon-home.com/tori/test/"; n++;fil[n]=url+"kogera1.jpg"; n++;fil[n]=url+"kogera2.jpg"; n++;fil[n]=url+"kogera3.jpg"; n++;fil[n]=url+"kogera1.jpg"; n++;fil[n]=url+"kogera2.jpg"; n++;fil[n]=url+"kogera3.jpg"; img_w=480;img_h=360; //イメージの縦横巾 img_n=6; //イメージの枚数 tim=120; //スピード ///イメージセット/// mv=new Array(); function imgset(r){ document.com_f.com_e.value=doc[r]; for(i=0;i<img_n;i++ ){ mv[i]=new Image(); mv[i].src=fil[r*img_n+i]; } } ///自動/// p=0; tm=""; function move(){ if(p>=img_n){p=0;} document.xy.src=mv[p].src; p++; tm=setTimeout("move()",tim); } //--> </script> </head> <body onLoad="imgset(4);move()"> <center> <h1>動画のスライドショー</h1> <script language="javascript"> <!-- document.write('<table border=5><tr><td>'); document.write('<img src="',fil[0],'" name="xy" galleryimg="no" width=',img_w,' height=',img_h,' border=0>'); document.write('</td></tr></table><br>'); document.write('<form name="com_f">'); document.write('<input type=text size=80 value="" name="com_e" style="border-width:0;text-align:center;font-size:16">'); document.write('</form>'); document.write('<table border=1><tr>'); for(i=0;i<=m;i++){ if(document.layers){dm='<a href="javascript:void(0)"';}else{dm='<span';} document.write('<td>',dm,' onMouseover="imgset(',i,')">'); document.write('<img src="',fil[i*img_n],'" galleryimg="no" width=62 height=46 border=0 alt="',doc[i],'"></td>\n'); if(document.layers){dm='</a>';}else{dm='</span>';} document.write(dm,'</td>'); } document.write('</tr></table><br>'); //--> </script> マウスを乗せた写真が動きます。 </center> </body> </html>
ソースをお使いの場合は出来るだけ私のホームページにリンクを貼ってください。
URL:http://www2a.biglobe.ne.jp/~qpon/    バナー:還暦QPON

動画用写真の無断転用はご遠慮ください。