3枚の画像を描画

animation gif の画像を描画

3枚の画像を並べる前に一枚の 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 画像を指定するだけでOKです。

3枚の画像を並べる

【実行画面】

【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 で定義した3枚の画像を並べて描画します。
fName.length は配列 fName の大きさです。

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