クロアゲハ

右の分解写真をマウスで「なでる」と動画になります。


ソース
<HTML> <HEAD> <TITLE>クロアゲハ動画</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- moving=new Array();n=0; //データーセット url="../musi/cho/"; n++;moving[n]=new Image();moving[n].src=url+'kuro04.jpg'; n++;moving[n]=new Image();moving[n].src=url+'kuro05.jpg'; n++;moving[n]=new Image();moving[n].src=url+'kuro06.jpg'; n++;moving[n]=new Image();moving[n].src=url+'kuro04.jpg'; n++;moving[n]=new Image();moving[n].src=url+'kuro05.jpg'; n++;moving[n]=new Image();moving[n].src=url+'kuro06.jpg'; n++;moving[n]=new Image();moving[n].src=url+'kuro04.jpg'; n++;moving[n]=new Image();moving[n].src=url+'kuro05.jpg'; n++;moving[n]=new Image();moving[n].src=url+'kuro06.jpg'; n++;moving[n]=new Image();moving[n].src=url+'kuro04.jpg'; //イメージ入れ替え function chang_img(imgNo){ document.kakudai.src=moving[imgNo].src; } //--> </SCRIPT> </HEAD> <BODY> <CENTER> <h1>クロアゲハ</h1> <TABLE BORDER=5><tr><TD> <IMG SRC="../musi/cho/kuro04.jpg" NAME="kakudai" ></TD> <td> <table border=0> <SCRIPT LANGUAGE="JavaScript"> <!-- //サムネル表示 for(i=1;i<=n;i++){ document.write('<tr><td><A HREF="javascript:void(0)" onMouseOver="chang_img(',i,')">'); document.write('<IMG SRC="',moving[i].src,'" HEIGHT="30" BORDER="0" ></A></td></tr>'); } //--> </script> </table> </td></tr></table> 右の分解写真をマウスで「なでる」と動画になります。 </CENTER> </BODY> </HTML>