| 解 説 |
JavaScriptを使わずに画像のプレロードを行うにはHTMLのimgタグを使います。width, heightのピクセル数を1にしておけば、ほとんど目につきません。JavaScriptで、どうしてもうまくプレロードできない場合の最後の逃げの方法として使えます。
|
| コード |
<![CDATA[
<html>
<head>
<title>JavaScriptを使わずに画像のプレロードを行う</title>
<script language="JavaScript">
<!--
function swImg(srcName)
{
document.myIMG.src = srcName;
}
// --></script>
</head>
<body>
<a href="#" onmouseover="swImg('1.gif')" onmouseout="swImg('0.gif')">
<img src="0.gif" name="myIMG">
</a>
<img src="1.gif" width="1" height="1">
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
JavaScriptを使わずに画像のプレロードを行う