打上げ花火の乱打ショー


写真撮影:オクユキさん/プログラム製作:QPON
写真はデモ用に借用中のため転用はお断りします。







)
<html> <head> <META http-equiv="Content-Script-Type" content="text/javascript"> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS"> <title>打上げ花火の乱打ショー</title> <script language="javascript"> <!-- nav=navigator.appName.substring(0,1); mac=navigator.appVersion.indexOf("Mac");//MAC-IE scr_center=screen.width/2; dt=new Array(); fil=new Array(); //ファイル(透明GIFにすること) n=0;dt[n]="hanabi0000.gif"; n++;dt[n]="hanabi0001.gif"; n++;dt[n]="hanabi0002.gif"; n++;dt[n]="hanabi0003.gif"; n++;dt[n]="hanabi0004.gif"; n++;dt[n]="hanabi0005.gif"; n++;dt[n]="hanabi0006.gif"; n++;dt[n]="hanabi0007.gif"; n++;dt[n]="hanabi0008.gif"; n++;dt[n]="hanabi0009.gif"; n++;dt[n]="hanabi0010.gif"; n++;dt[n]="hanabi0011.gif"; n++;dt[n]="hanabi0012.gif"; //写真のあるURL url="./"; //ファイルの先読み for(i=0;i<=n;i++){ fil[i]=new Image();fil[i].src=url+dt[i]; } //花火ランダム・ワイプ差換え m=0; function hanabi(){ p=Math.floor(Math.random()*(n+1));//乱数 m++;mm=m%3;//3回に一度書換え if(nav=="M"){ document.getElementById("l_"+mm).filters["blendTrans"].Apply(); document.images["ll_"+mm].src=fil[p].src; document.getElementById("l_"+mm).filters["blendTrans"].play(); }else{ document.images["ll_"+mm].src=fil[p].src; } //打上げ音 if(p%5==1){ document.bgColor="#662222"; document.bgColor="#000000"; wav_win.location.href="wav02.htm"; }else{ if(p%2==0){wav_win.location.href="wav01.htm";} } tim=setTimeout("hanabi()",1000);//1秒間隔 } //--> </script> </head> <body bgcolor=#000000 onLoad="hanabi()" onUnload="wav_win.close()> <center> <h1><font color="#888888">打上げ花火の乱打ショー</font></h1> <script language="javascript"> <!-- //初期表示 if(document.layers){ //NN4.7 document.write('<table><tr><td>'); document.write('<img src="',fil[4].src,'" name="ll_1" width=260 height=300>'); document.write('</td><td>'); document.write('<img src="',fil[0].src,'" name="ll_0" width=400 height=500>'); document.write('</td><td>'); document.write('<img src="',fil[2].src,'" name="ll_2" width=200 height=200>'); document.write('</td></tr></table>'); }else{ //中央 document.write('<div id="l_0" style="position:absolute;top:40;left:'); document.write(scr_center-250,';filter:blendTrans(duration=2)">'); document.write('<img src="',fil[0].src,'" name="ll_0" galleryimg="no" width=500 height=500>'); document.write('</div>'); //左側 document.write('<div id="l_1" style="position:absolute;top:180;left:'); document.write(scr_center-400,';filter:blendTrans(duration=2)">'); document.write('<img src="',fil[4].src,'" name="ll_1" galleryimg="no" width=300 height=300>'); document.write('</div>'); //右側 document.write('<div id="l_2" style="position:absolute;top:120;left:'); document.write(scr_center+100,';filter:blendTrans(duration=2)">'); document.write('<img src="',fil[2].src,'" name="ll_2" galleryimg="no" width=300 height=300>'); document.write('</div>'); } //打上げ音 //wav_win=window.open("wav01.htm","","width=100,height=100,top=1000,left=0,z-look=1"); document.write('<iframe name="wav_win" width=1 height=1></iframe>'); //--> </script> </center> </body> </html>

wav02.htm(打上げ音用)
<html> <head> <META http-equiv="Content-Script-Type" content="text/javascript"> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS"> <title>花火の打上げ音</title> </head> <body bgcolor=#000000 text=#bbbbbb> <center> <br><br><br><br><br><br><br><br> <script language="javascript"> <!-- nav=navigator.appName.substring(0,1); if(nav=="M"){ document.write('<bgsound src="hanabi02.wav" width=100 height=1 loop="false">'); }else{ document.write('<embed src="hanabi02.wav" width=100 height=1 loop="false">') } //--> </script> </center> </body> </html>

hanabi02.wav(打上音ファイル)


wav01.htm(爆発音用)
<html> <head> <META http-equiv="Content-Script-Type" content="text/javascript"> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS"> <title>花火の爆発音</title> </head> <body bgcolor=#000000 text=#bbbbbb> <center> <br><br><br><br><br><br><br><br> <script language="javascript"> <!-- nav=navigator.appName.substring(0,1); p=Math.floor(Math.random()*2)+1;//乱数 if(nav=="M"){ document.write('<bgsound src="hanabi01.wav" width=100 height=1 loop="',p,'" autostrat="true">'); }else{ document.write('<embed src="hanabi01.wav" width=100 height=1 loop="',p,'" autostrat="true">') } //--> </script> </center> </body> </html>
hanabi01.wav(爆発音ファイル)
ソースをお使いの場合は出来るだけ私のホームページにリンクを貼ってください。
URL:http://www2a.biglobe.ne.jp/~qpon/    バナー:還暦QPON