<![CDATA[
<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://3d-stereo.sakura.ne.jp/";
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("ネットスケープ６以上か、\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>
]]>
ソースをお使いの場合は出来るだけ私のホームページにリンクを貼ってください。
ＵＲＬ：http://www2a.biglobe.ne.jp/~qpon/
バナー：
立体動画用写真の無断転用はご遠慮ください。
初心者のための交差法の見方
|