画像のプレロード。 - ぬぺら！

JavaScriptでオンマウス等で画像を変更する場合、マウスを乗っけた時に画像を読み込みを開始しますので、若干の遅延が発生します。 ですので、遅延を避けるためには先に画像をブラウザに読み込ませておかなければいけません。 例えば、以下の様なソースがあるとします。 <img src="1.png" onmouseover="this.src='2.png'" onmouseout="this.src='1.png'" /> この様なソースの場合はonmouseoutの1.pngは最初にimgタグのsrc属性で読み込まれているので、マウスをアウトしたときに即座に画像が入れ替わりますが、onmouseoverの2.pngは画像にマウスをオーバーしたときに初めて読み込みを開始しますのでどうしても遅延が発生してしまいます。 遅延を発生させないために画像を最初から読み込ませるScriptを書いておきま