JavaScriptで画像を先読みする
<html>
<head>
<script src="printf.js" type="text/javascript"></script>
<script>
var num = 1;
var images = new Object;
function img() {
//10先までキャッシュ
for(i=num;i < num + 10;i++){
if(!images[i]){
images[i] = new Image();
images[i].src = imgName(i);
}
}
document.getElementById('konkon').src = images[num].src;
num++;
}
function imgName(img_num) {
return 'konkon' + sprintf("%03d", img_num) + '.jpg';
}
</script>
</head>
<body onload="img();">
<a href="#" onclick="img();">next</a><br>
<img id="konkon" />
</body>
<html>
適当だけど、結構効果があったのでのせとく。動的に画像みせるよーなJavaScriptだと結構役に立ちそう。ちなみにsprintf関数は高度な JavaScript 技集のライブラリです。
