<![CDATA[
<html>
<head>
<META http-equiv="Content-Script-Type" content="text/javascript">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS">
<title>JavaScriptムービー</title>
<script language="JavaScript">
nav=navigator.appName.substring(0,1);
//イメージファイル
movimg=new Array("sss01.jpg","sss02.jpg","sss03.jpg","sss04.jpg",
"sss05.jpg","sss06.jpg","sss07.jpg","sss08.jpg","sss09.jpg","sss10.jpg");
img_n=movimg.length;
tim=2500; //切替速度
flg=1;
no=0;
ww=0;
//アニメーション再生
function mov(){
//満開でしばらく待つ
if(no>=img_n){
no=img_n-1;
ww++;
if(ww>3){
no=0;ww=0;
}
}
//ワイプ効果（ＩＥ）
if(nav=="M"){
document.gaku.filters["blendTrans"].Apply();
document.gaku.src=movimg[no];
document.gaku.filters["blendTrans"].play();
}else{
document.gaku.src=movimg[no];
}
no++;
tid=setTimeout("mov()",tim);
}
//駒送り
function koma(){
if(flg==1){
clearTimeout(tid);
flg=0;
document.forms[0].saisei.value="再生";
}
if(no>=img_n){no=0;}
document.gaku.src=movimg[no];
no++;
}
//アニメーションの静止、再生切替
function stp(){
if(flg==1){
clearTimeout(tid);
flg=0;
document.forms[0].saisei.value="再生";
}else{
mov();
flg=1;
document.forms[0].saisei.value="静止";
}
}
//スピード調整
function spd(s){
if(flg==0){
mov();
flg=1;
document.forms[0].saisei.value="静止";
}
tim=tim/s;
}
</script>
</head>
<body bgcolor="#000000" onLoad="mov()">
<center>
<font size=6 color=#888888>JavaScriptムービー</font><br>
<form>
<input type="button" value="駒送" onClick="koma()">
<input type="button" value="静止" onClick="stp()" name="saisei">
<input type="button" value="早 く" onClick="spd(1.5)">
<input type="button" value="遅 く" onClick="spd(0.7)">
<input type="button" value="戻 る" onClick="history.go(-1)">
</form>
<table border=8>
<tr><td>
<img src="sss01.jpg" name="gaku" style="filter:blendTrans(duration=2)" galleryimg="no">
</td></tr>
</table>
</center>
</body>
</html>
]]>
ソースをお使いの場合は出来るだけ私のホームページにリンクを貼ってください。
ＵＲＬ：http://www2a.biglobe.ne.jp/~qpon/
バナー：
動画用写真の無断転用はご遠慮ください。
|
