javascript - 同じクラス名を持つ複数の div の画像の拡大/縮小

Question

親divに収まるように画像を縮小/拡大するこのコードがあります:

<script src="js/imgscale.jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){ 
  $('img.profilepicture').imgscale({ 
    parent : '.ppparent', 
    fade : 1000 
  }); 
});
</script>

1 つのクラス名を持つ 1 つの div に対しては完全に機能しますが、同じクラス名を持つ多くの div で使用しようとすると、それらすべてに対して機能しなくなります (つまり、画像は変更されません)。

これを「修正」するにはどうすればよいですか？

Answer 1

クラスのすべての画像がある場合.profilepicture

   $("img.profilepicture").each(function(){
       $(this).imgscale({ 
             parent : '.ppparent', 
             fade : 1000 
       });
   });

Answer 2

画像ごとに関数を呼び出す必要があります。

$(document).ready(function(){ 
    $('img.profilepicture').each(function() {
        $(this).imgscale({ 
            parent : '.ppparent', 
            fade : 1000 
          }); 
    });
});