３枚の画像を描画

animation gif の画像を描画

３枚の画像を並べる前に一枚の animation gif の画像を描画してみましょう。
同じパターンの繰り返しアニメーションなら animation gif の画像を使うのが最も簡単です。
【実行画面】

【Source Code】
<body> BODY の中に置いて下さい</body>

<script language="JavaScript">
<!--
  document.write('<img src="img/bird11.gif"><br>'); 
// -->
</script>

JavaScript で animation gif の画像("img/bird11.gif")を描画します。
document.write で HTML の img タグを吐き出します。
単に Animation GIF の画像を描画するだけなら、JavaScript を使わなくても img タグで GIF 画像を指定するだけでＯＫです。

３枚の画像を並べる

【実行画面】

【Source Code】

<script language="JavaScript">
<!--
fName = ["img/enemy1.gif","img/enemy2.gif","img/enemy3.gif"];
for(i=0; i<fName.length; i++)
{
  document.write('<img src="', fName[i], '">'); 
}
// -->
</script>

fName で定義した３枚の画像を並べて描画します。
fName.length は配列 fName の大きさです。

前田稔の超初心者のプログラム入門
 超初心者のプログラム入門(JavaScript)