javascript - 具有异步图片加载的 masonry

Question

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

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

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

提前致谢!

Answer 1

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

举个例子

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