)
このソースは静止画用に書いてありますので、このボタンを押してデモをご覧ください。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title></title> <script language="javascript"> <!-- flg=0; fil=new Array(); doc=new Array(); url="./"; //イメージファイルが別の場所にある場合はそのフォルダー名やURLを書く n=0;fil[n]=url+"hyo21.jpg";doc[n]="ツマグロヒョウモンのメスです。"; n++;fil[n]=url+"hyo11.jpg";doc[n]="ツマグロヒョウモンのオスです。"; n++;fil[n]=url+"asama15.jpg";doc[n]="アサマイチモンジです。"; n++;fil[n]=url+"kiha01.jpg";doc[n]="キタテハです。"; n++;fil[n]=url+"tuku21.jpg";doc[n]="ツクツクボーシです。"; n++;fil[n]=url+"kogera1.jpg";doc[n]="キツツキのコゲラです。"; scr_center=screen.width/2; img_w=400;img_h=300; //イメージの縦横巾 ///イメージセット/// function imgset(r){ document.com_f.com_e.value=doc[r]; document.getElementById("l_1").filters["revealTrans"].Transition=23; document.getElementById("l_1").filters["revealTrans"].Apply(); document.xy.src=fil[r]; document.getElementById("l_1").filters["revealTrans"].play(); } //--> </script> </head> <body onLoad="imgset(0)"> <center> <script language="javascript"> if(nav=="M"){ document.write('<span id="l_1" style="position:absolute;top:10;left:0;width:100%;filter:revealTrans(duration=1)">'); document.write('<center><font size=6>動画のシャッター切替</font><br><br>'); document.write('<table border=5 width=',img_w,' height=',img_h,'><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=79 value="" name="com_e" style="border-width:0;text-align:center;">'); document.write('</form>'); document.write('<table border=1><tr>'); for(i=0;i<=m;i++){ document.write('<td onClick="imgset(',i,')">'); document.write('<img src="',fil[i*img_n+4],'" galleryimg="no" width=62 height=46 border=0 alt="',doc[i],'"></td>'); } document.write('</tr></table><br>'); document.write('マウスでクリックした写真が動きます。</center></span>'); }else{ document.write('ネットスケープはシャッター機能がありませんのであしからず<br>'); 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"'); document.write('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++){ document.write('<td><a href=javascript:void(0)" onMouseover="imgset(',i,')">'); document.write('<img src="',fil[i*img_n+4],'" galleryimg="no" width=76 height=60 border=0 alt="',doc[i],'">'); document.write('</a></td>'); } document.write('</tr></table><br>'); } </script> </center> </body> </html>
ソースをお使いの場合は出来るだけ私のホームページにリンクを貼ってください。
URL:http://www2a.biglobe.ne.jp/~qpon/    バナー:還暦QPON