用异步图片加载的砌体

Question

我正在尝试用砖石画展示彼此相邻的照片。问题是，在加载所有图片之前，砌体会执行它的代码。导致重叠的图片：

我需要这样的东西（这是在我加载图片后调整窗口大小的时候：

有人知道如何解决这个问题吗？我尝试使用onresize()方法，但这似乎不起作用。

提前致谢！

Answer 1

尝试使用“imagesLoaded”方法，请参阅Masonry imagesloaded

这是一个例子

var $grid = $('.grid').imagesLoaded( function() {
   // init Masonry after all images have loaded
   $grid.masonry({
       // options...
   });
});