使用相同的类名缩放/缩小多个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>

它适用于一个具有一个类名的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 
          }); 
    });
});