<HEAD> </HEAD>タグの中を以下の様にする。
<HEAD> <script language="JavaScript"> <!-- function MM_timelineGoto(tmLnName, fNew, numGotos) { //v2.0 //Copyright 1997 Macromedia, Inc. All rights reserved. var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,lastKeyFr,propNum,theObj; if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time tmLn = document.MM_Time[tmLnName]; if (numGotos != null) if (tmLn.gotoCount == null) tmLn.gotoCount = 1; else if (tmLn.gotoCount++ >= numGotos) {tmLn.gotoCount=0; return} jmpFwd = (fNew > tmLn.curFrame); for (i = 0; i < tmLn.length; i++) { sprite = (jmpFwd)? tmLn[i] : tmLn[(tmLn.length-1)-i]; //count bkwds if jumping back if (sprite.charAt(0) == "s") { numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0]; lastKeyFr = sprite.keyFrames[numKeyFr - 1]; if ((jmpFwd && fNew<firstKeyFr) || (!jmpFwd && lastKeyFr<fNew)) continue; //skip if untouchd for (keyFrm=1; keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]; keyFrm++); for (j=0; j<sprite.values.length; j++) { props = sprite.values[j]; if (numKeyFr == props.length) propNum = keyFrm-1 //keyframes only else propNum = Math.min(Math.max(0,fNew-firstKeyFr),props.length-1); //or keep in legal range if (sprite.obj != null) { if (props.prop2 == null) sprite.obj[props.prop] = props[propNum]; else sprite.obj[props.prop2][props.prop] = props[propNum]; } } } else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value); } tmLn.curFrame = fNew; if (tmLn.ID == 0) eval('MM_timelinePlay(tmLnName)'); } function MM_timelinePlay(tmLnName, myID) { //v1.2 //Copyright 1997 Macromedia, Inc. All rights reserved. var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false; if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time tmLn = document.MM_Time[tmLnName]; if (myID == null) { myID = ++tmLn.ID; firstTime=true;}//if new call, incr ID if (myID == tmLn.ID) { //if Im newest setTimeout('MM_timelinePlay("'+tmLnName+'",'+myID+')',tmLn.delay); fNew = ++tmLn.curFrame; for (i=0; i<tmLn.length; i++) { sprite = tmLn[i]; if (sprite.charAt(0) == 's') { if (sprite.obj) { numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0]; if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {//in range keyFrm=1; for (j=0; j<sprite.values.length; j++) { props = sprite.values[j]; if (numKeyFr != props.length) { if (props.prop2 == null) sprite.obj[props.prop] = props[fNew-firstKeyFr]; else sprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr]; } else { while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]) keyFrm++; if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) { if (props.prop2 == null) sprite.obj[props.prop] = props[keyFrm-1]; else sprite.obj[props.prop2][props.prop] = props[keyFrm-1]; } } } } } } else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value); if (fNew > tmLn.lastFrame) tmLn.ID = 0; } } } function MM_initTimelines() { //MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved. var ns = navigator.appName == "Netscape"; document.MM_Time = new Array(1); document.MM_Time[0] = new Array(3); document.MM_Time["Timeline1"] = document.MM_Time[0]; document.MM_Time[0].MM_Name = "Timeline1"; document.MM_Time[0].fps = 15; document.MM_Time[0][0] = new String("sprite"); document.MM_Time[0][0].slot = 1; if (ns) document.MM_Time[0][0].obj = document["Layer2"]; else document.MM_Time[0][0].obj = document.all ? document.all["Layer2"] : null; document.MM_Time[0][0].keyFrames = new Array(1, 13, 28, 45, 60); document.MM_Time[0][0].values = new Array(2); document.MM_Time[0][0].values[0] = new Array(52,56,59,63,67,71,74,77,81,84,88,91,95,99,102,106,110,114,117,121,125,129,133,136,139,141,143,144,144,144,143,142,141,140,138,137,135,133,131,129,127,124,120,115,108,105,104,103,102,101,100,100,99,98,98,97,97,96,96,95); document.MM_Time[0][0].values[0].prop = "left"; document.MM_Time[0][0].values[1] = new Array(432,429,426,423,421,418,415,411,408,403,398,393,386,379,371,363,355,347,337,328,318,308,297,287,276,266,255,244,236,228,220,212,204,196,189,181,173,165,157,149,140,131,121,112,111,126,142,158,175,193,211,229,249,268,288,308,327,347,366,386); document.MM_Time[0][0].values[1].prop = "top"; if (!ns) { document.MM_Time[0][0].values[0].prop2 = "style"; document.MM_Time[0][0].values[1].prop2 = "style"; } document.MM_Time[0][1] = new String("sprite"); document.MM_Time[0][1].slot = 2; if (ns) document.MM_Time[0][1].obj = document["Layer1"]; else document.MM_Time[0][1].obj = document.all ? document.all["Layer1"] : null; document.MM_Time[0][1].keyFrames = new Array(1, 17, 44, 60); document.MM_Time[0][1].values = new Array(2); document.MM_Time[0][1].values[0] = new Array(707,703,699,695,691,687,683,679,675,672,668,664,661,657,654,650,647,645,642,640,638,635,633,631,628,626,624,621,619,617,614,612,610,608,607,605,604,602,601,600,600,600,600,600,602,604,608,612,617,622,627,633,638,644,649,655,661,667,673,678); document.MM_Time[0][1].values[0].prop = "left"; document.MM_Time[0][1].values[1] = new Array(447,442,438,434,430,426,421,417,412,408,403,398,392,386,379,371,363,357,350,343,337,330,322,315,307,300,292,284,275,267,258,249,241,232,224,216,208,200,192,184,176,169,161,154,144,135,127,119,112,105,99,94,89,83,78,73,69,64,59,53); document.MM_Time[0][1].values[1].prop = "top"; if (!ns) { document.MM_Time[0][1].values[0].prop2 = "style"; document.MM_Time[0][1].values[1].prop2 = "style"; } document.MM_Time[0][2] = new String("behavior"); document.MM_Time[0][2].frame = 61; document.MM_Time[0][2].value = "MM_timelineGoto('Timeline1','1')"; document.MM_Time[0].lastFrame = 61; for (i=0; i<document.MM_Time.length; i++) { document.MM_Time[i].ID = null; document.MM_Time[i].curFrame = 0; document.MM_Time[i].delay = 1000/document.MM_Time[i].fps; } } //--> </script></HEAD>
<BODY> </BODY> タグの中を以下の様にする。
<BODY bgcolor="#000000" onload="MM_timelinePlay('Timeline1')"> <DIV align="center"></DIV> <div id="Layer1" style="position:absolute; width:97px; height:49px; z-index:1; left: 707px; top: 447px"> <p> </p> <p><img src="Buhinkan_433_d.gif"></p> </div> <div id="Layer2" style="position:absolute; width:97px; height:49px; z-index:1; left: 52px; top: 432px"> <p> </p> <p><img src="Buhinkan_433_d.gif"></p> </div> <div align="center"></div> <p> </p> <CENTER></CENTER> <CENTER></CENTER> <DIV ALIGN="center"><IMG SRC="Buhinkan_433_d.gif"><BR> <BR> <BR> <BR> <BR> <IMG SRC="Buhinkan_433_d.gif"> <BR> </DIV> </BODY>