STEP 3 - プリロード機能を付ける
ページが読み込まれたときに、マウスオーバー用の画像をプリロードしています。
jQuery Code
$(function() {
$(".rollover").each(function(){
var defaultSrc = $(this).attr("src");
var hoverSrc = defaultSrc.replace(/^(.+)(\.[a-zA-Z]+)$/, "$1_hover$2");
$("<img />").attr("src", hoverSrc);
$(this).hover(function(){
$(this).attr("src", hoverSrc);
},
function(){
$(this).attr("src", defaultSrc);
});
});
});