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>

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