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

Question

我在主页上有一个包含大量图像缩略图（目前约为500张）的网站。每个图像都很小，大约200像素×150像素（但具有不同的宽高比）。文件大小也很小（每个大约10-20k）。

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

我决定使用jQuery .animate函数，0秒动画来调整这个并保持每个图像的比例：

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

由于某些原因导致浏览器无响应并导致页面崩溃。这是由于大量的图像？我打算实现lazyload来减少页面上的图像，但不再支持lazyload。我也可以编写NEW js来做这个，但我很困惑为什么动画功能不起作用。

以下是具有此问题的开发网站： http://selfportraitproject.com/dev/

非常感谢任何帮助。

Answer 1

您是否尝试过使用height: '100px'？这将是正确的语法，虽然我不知道为什么这会导致浏览器崩溃。

同时调用期限为.animate的{​​{1}}与仅设置css相同，所以只需使用0，它就会表现得更好。