砌体压缩第一组照片顶部的图像

Question

我使用 Masonry 将照片加载到图库中。它工作正常，除了它在前 10-15 秒内压缩照片并将它们显示为一条线。然后他们正确扩展并且一切正常。这是我的代码：$container.imagesLoaded(function(){ $container.masonry({itemSelector : '.box' }) }); 这是屏幕：http://prntscr.com/bhfvd3 有什么办法可以防止照片卡住然后展开？

Answer 1

脚本需要在图片已经加载后加载，这样它才能计算尺寸并知道如何处理图片。您可以做的最好的事情是保持图像尺寸较小，并且不要同时加载太多图像。

如果您需要在一页上加载许多图像，请使用分页或无限滚动。这将允许脚本仅在加载一定数量的图像后进行计算，然后在用户向下滚动后重新初始化。如果您要使用无限滚动，您将需要一个脚本，在加载新图像后重新加载脚本。