マウスオーバー

index.js

//マウスオーバー用
$('.rollOver img').each(function() {
	$(this).data('image_src', $(this).attr('src'));
	
	$('<img>').attr('src', $(this).data('image_src').replace(/^(.+)(\.[a-z]+)$/, '$1_over$2')); //プリロード用
}).mouseover(function() {
	$(this).attr('src', $(this).data('image_src').replace(/^(.+)(\.[a-z]+)$/, '$1_over$2'));
}).mouseout(function() {
	$(this).attr('src', $(this).data('image_src'));
});