| ポイント |
<![CDATA[
document.myIMG.src = "image.jpg";
<body onLoad="setTimeout('setImage()',2000)">
]]>
|
| 説 明 |
ページが表示された後に画像を表示するには、あらかじめ画像のプレロードを行います。読み込み中に表示する画像はサイズの小さい透過GIF画像にしておきます。ページが読み込まれ画像も読み込まれたらonLoadイベントとsetTimeout()を使って画像を入れ替える関数を呼び出します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>画像をページが表示された２秒後に表示する</title>
<script language="JavaScript"><!--
temp = (new Image()).src = "image.jpg";
function setImage()
{
document.myIMG.src = "image.jpg";
}
// --></script>
</head>
<body onLoad="setTimeout('setImage()',2000)">
<img src="trans.gif" name="myIMG" width="160" height="120">
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
画像をページが表示された２秒後に表示する