画像の先読み

cssでマウスオーバー時の画像切り換えをすると、キャッシュに画像が入っていないために、表示されるまで間があいたり、白くなったりちらついたりする。

ということで、以下のようなJavascriptで先読みできたのでメモ

<SCRIPT type="text/javascript">
imglist = ["menu_01_on.gif","menu_02_on.gif"];
preImage = new Array();
for (i=0; i<imglist.length; i++) {
  preImage[i] = new Image();
  preImage[i].src = "/common/img/"+imglist[i];
}
</SCRIPT>

Dreamweaverとかだと自動的にタグ入れたりするみたいだけど、自前で書く時は必要。