javascript - マウスオーバーで画像のサイズを変更する

Question

マウスオーバー時に各画像のサイズをわずかに大きくし、jquery masonry アプリでマウスアウト時に小さくしようとしています。ただし、各画像のサイズは異なります。この効果をJavaScriptで適用して、各画像が比例して拡大し、通常に戻るようにするにはどうすればよいですか?

---

$(document).ready(function(){
    $(".box").mouseover(function(){
        $(this).animate({height:"105%",width:"105%"},"fast");
    });
    $(".box").mouseout(function(){
        $(this).animate({height:"100%",width:"100%"},"fast");
    });
});