便利eelife Java Script

   戻る

複数の画像を読み込みます（プレロード）。


サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY onload='Preload("myIMG","siksou24.gif","3light.gif","colorbook.gif")';>
<img src="dummy.gif" name="myIMG">

</BODY>
<!--Ｊａｖａｓｃｒｉｐｔ　<HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
var loadImg = new Image(); // 配列
function Preload(){iName=Preload.arguments[0];

for (i = 1; i < Preload.arguments.length; i++){  // 画像の読み込み
loadImg[i] =Preload.arguments[i];
alert(loadImg[i]+"を読み込みます。");
document.images[iName].src = loadImg[i];
}
}
// -->
</SCRIPT>
コメント
画像の設置
Preload.arguments[0] : Preloadの引数の 0 番目の値 (ここでは myIMG )
loadImg[i] =Preload.arguments[i] : 引数に書いてある画像を順に loadImg[i] に代入します
document.images[iName].src : 画像のURLを loadImg[i] で取得して表示します。