| ポイント |
<![CDATA[
a = new Image();
a.src = "button1.gif";
(new Image()).src = "button2.gif";
]]>
|
| 説 明 |
画像をプレロードするには画像オブジェクトをnew Image()で作成しsrcプロパティで読み込む画像URLを指定します。「a = new Image();a.src="ファイル名"」のようにしなくても「(new Image()).src="ファイル名"」とするだけでも画像はプレロードされます。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>画像をあらかじめ読み込む（プレロード）</title>
<script language="JavaScript"><!--
a = new Image();
a.src = "button1.gif";
(new Image()).src = "button2.gif";
// --></script>
</head>
<body>
<a href="#" onMouseover="document.BTN.src='button1.gif'"
onMouseout="document.BTN.src='button2.gif'">
<img src="button2.gif" name="BTN">
</a>
</body>
</html>
]]>
|
| 補足説明 |
Dream Passport 2,3では、キャッシュシステムの都合により、操作する画像自体にsrcプロパティを使って画像URLを指定しないと、プレロードしても全く効果がありません。（プレロードはできるが事実上、効力がない） |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
画像をあらかじめ読み込む（プレロード）