jquery - jQuery を使用して、サイズが異なっていても画像を拡大するにはどうすればよいですか?

Question

比較的簡単な質問があります。以下のコードを使用すると、画像を 20% ズームインし、カーソルを合わせるとスライド テキストが表示されます。私がやりたいのは、コードを拡張して、他のクラスにアクセスできるようにして、他の写真に同じ効果を持たせることです。私の写真はすべて異なるサイズであるため、各画像に同じクラスを追加するだけでは簡単ではありません。

<script>
   $(document).ready(function() {
    //move the image in pixel
     var move = -15;
    //zoom percentage, 1.2 =120%
      var zoom = 1.2;

    //On mouse over those thumbnail
    $('.zitem').hover(function() {

    //Set the width and height according to the zoom percentage
    width = $('.zitem').width() * zoom;
    height = $('.zitem').height() * zoom;

    //Move and zoom the image
    $(this).find('img').stop(false,true).animate({'width':width, 'height':height, 'top':move, 'left':move}, {duration:200});

    //Display the caption
    $(this).find('div.caption').stop(false,true).fadeIn(200);
      },
  function() {
    //Reset the image
    $(this).find('img').stop(false,true).animate({'width':$('.zitem').width(), 'height':$('.zitem').height(), 'top':'0', 'left':'0'}, {duration:100});  

    //Hide the caption
    $(this).find('div.caption').stop(false,true).fadeOut(200);
      });
      });
</script>