Javascript 不确定为什么jQuery.animate会使浏览器崩溃

我有一个网站的主页上有大量的图像缩略图（目前约500）。每个图像都很小，约为200px x 150px（但纵横比不同）。文件大小也很小（每个文件大小约为10-20k）

我有两个按钮来调整缩略图的可见大小（大：200px高度和小：100px高度）

我决定使用jQuery.animate函数，动画时间为0秒，以调整此值并保持每个图像的比率：

$('#small_thumbnails').click(function(){
    $('.thumbnail').animate({height: '100'}, 0);
    return false;
});

由于某种原因，这会导致浏览器变得无响应并导致页面崩溃。这是因为大量的图像吗？我打算实现lazyload来减少页面上的图像，但lazyload不再受支持。我也可以编写新的js来实现这一点，但我不明白为什么动画功能不能实现

以下是出现问题的开发人员站点：

---

非常感谢您的帮助。

您是否尝试过使用

高度：“100px”

？这将是正确的语法，尽管我不知道为什么这会使浏览器崩溃

---

同时调用

.animate

的持续时间为

0

与设置css相同，因此只需使用

.css

，它的性能会更好。

哪一位崩溃了？在我看来一切正常，只是浏览一下。不确定是添加了“px”还是切换到了css功能，但现在它工作得很好。非常感谢！