立体花火のスライドショー


立体写真撮影:オクユキさん/プログラム製作:QPON
写真はデモ用に借用中のため転用はお断りします。
JAVAが開かない時の設定法はこちら







ソース

<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); ie=7; if(vs.indexOf('MSIE 1')>0){ie=10;} dt=new Array(); fil_l=new Array();fil_r=new Array(); //ファイル n=0;dt[n]="3hnb19l.jpg,3hnb19r.jpg"; n++;dt[n]="3hnb20l.jpg,3hnb20r.jpg"; n++;dt[n]="3hnb21l.jpg,3hnb21r.jpg"; n++;dt[n]="3hnb22l.jpg,3hnb22r.jpg"; //-----(以降写真の枚数だけ記述)---- //写真のあるURL ur="http://www.ne.jp/asahi/okuyuki/stereo/"; //(HTMLファイルと同じフォルダーに置く場合は ur="./" でよい) //ファイルの先読み for(i=0;i<=n;i++){ dd=dt[i].split(","); fil_l[i]=new Image();fil_l[i].src=ur+dd[0]; fil_r[i]=new Image();fil_r[i].src=ul+dd[1]; } //花火ランダム・ワイプ差換え function hanabi(){ p=Math.floor(Math.random()*(n+1));//乱数 if(nav=="M" && ie<10){ document.l.filters["blendTrans"].Apply(); document.l.src=fil_r[p].src; document.l.filters["blendTrans"].play(); document.r.filters["blendTrans"].Apply(); document.r.src=fil_l[p].src; document.r.filters["blendTrans"].play(); }else{ document.l.src=fil_r[p].src; document.r.src=fil_l[p].src; } window.wav_win.location.href="wav02.htm";//打上げ音 tim=setTimeout("hanabi()",5000);//5秒間隔 } //--> </script> </head> <body bgcolor=#000000 onLoad="hanabi()"> <center> <h1><font color="#888888">立体花火のスライドショー</font></h1> <script language="javascript"> <!-- //初期表示 document.write('<table><tr><td>'); document.write('<img src="',fil_r[0].src,'" width=300 height=400 name="l" galleryimg="no"'); document.write('style="filter:blendTrans(duration=3)">'); document.write('</td><td width=40><br></td><td>'); document.write('<img src="',fil_l[0].src,'" width=300 height=400 name="r" galleryimg="no"'); document.write('style="filter:blendTrans(duration=3)">'); document.write('</td></tr></table>'); //打上げ音 //wav_win=window.open("wav02.htm","","width=100,height=100,top=1000,left=0"); document.urite('<iframe src"wav02.htm" width=0 height=0 name="wav_win"></iframe>'); //--> </script> <br> <a href="http://www.ne.jp/asahi/okuyuki/stereo/" target="new_win"> <font color="#666666" size=2>立体写真撮影:オクユキさん/</font></a> <a href="http://www2a.biglobe.ne.jp/~qpon/" target="new_win"> <font color="#666666" size=2>プログラム製作:QPON</font> <br> </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(音ファイル)