立体ズーム( 交差法 )
写真上でマウスボタンを押している間ズームします

オクユキさんの立体動画にズーム機能をつけました
スクリーンから飛び出し目元まで近づいてきますよ!







<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"> <!-- img_url="http://www.ne.jp/asahi/okuyuki/stereo/"; md=new Array("5rl.jpg","6rl.jpg","7rl.jpg","8rl.jpg","9rl.jpg","8rl.jpg","6rl.jpg"); mv=new Array() for(i=0;i<md.length;i++){ mv[i]=new Image();mv[i].src=img_url+md[i]; } //写真の大きさ。 img_h=270; //タテ長さ(ピクセル) img_w=335; //ヨコ長さ(ピクセル) // //動画 p=0; flg=0; function move(){ if(p>=mv.length){p=0;} document.tyou.src=mv[p].src; p++; tm=setTimeout("move()",200); } //拡大、縮小 ritu=1; //表示倍率 function img_size(s){ // if (document.layers){ alert("ネットスケープ6以上か、\nインターネットエクスプローラでご覧ください。"); img_stop(); }else{ flg=1; size_tim=setTimeout("img_size(ss)",200); } // ss=s; ritu=ritu*ss; document.tyou.width=img_w*ritu; document.tyou.height=img_h*ritu; } //原寸復帰 function img_size1(){ ritu=1; document.tyou.width=img_w*ritu; document.tyou.height=img_h*ritu; } //ズーム停止 function img_stop(){ if(flg==1){ clearTimeout(size_tim); } flg=0; } //--> </SCRIPT> </HEAD> <BODY BGCOLOR="#000000" TEXT="#ffffff" onLoad="move()"> <CENTER> <font size=6>立体ズーム( 交差法 )</font><br> <form name="zoom"> <TABLE> <TR><TD> <SCRIPT language="javascript"> <!-- //初期表示 document.write('<IMG SRC="',md[1],'" galleryimg="no" ALT="" NAME="tyou" width=',img_w,' height=',img_h); document.write(' onMouseDown="img_size(1.01)" onMouseup="img_stop()" onMouseOut="img_stop()">'); //--> </script> </TD></TR> </TABLE> <font size=2 color=#bbbbbb>写真上でマウスボタンを押している間ズームします</font> <input type="button" value="初期化" onClick="img_size1()"> </form> </center> </BODY> </HTML>
ソースをお使いの場合は出来るだけ私のホームページにリンクを貼ってください。
URL:http://www2a.biglobe.ne.jp/~qpon/    バナー:還暦QPON

立体動画用写真の無断転用はご遠慮ください。
初心者のための交差法の見方