如何将 LazyLoad 实施到我的 masonry+ImagesLoaded 布局?我有一个代码
HTML
<div class="masonry">
<div class="masonry-sizer"></div>
<div class="masonry-item">
<img class="masonry-content" src="image1.png">
</div>
</div>
JS
var $masonry = $('.masonry').masonry({
itemSelector: '.masonry-item',
percentPosition: true,
masonry: {
columnWidth: '.masonry-sizer'
}
});
$masonry.imagesLoaded().progress( function() {
$masonry.masonry('layout');
});
而且我无法让它与任何 LazyLoad 插件一起使用。问题是它必须使用 imagesLoaded 来实现,因为我没有特定的图像尺寸。我发现的所有解决方案都不起作用