具有异步图片加载的砌体

Question

我正在尝试用砌体将图片并排显示。问题是 masonry 在加载所有图片之前执行它的代码。导致图片重叠：

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

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

提前致谢！

Answer 1

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

这是一个例子

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

Masonry with asynchronous picture loading