Javascript 如何使用Mashesis和imagesloaded插件添加具有正确高度且不重叠的图像？

目前在我的网站上，我正在使用imagesloaded来完成所有项目的所有图像加载后的砌石工作。但这会导致项目的级联（项目div一个接一个地排列），直到加载所有图像，然后发生砌石

$(document).ready(function(){do_masonry();});

function do_masonry(){
var $container = $('#content');
var gutter = 10;
var min_width = 200;
$container.imagesLoaded( function(){
   $container.masonry({
        itemSelector : '.item',
        gutterWidth: gutter,
        isAnimated: true,
        columnWidth: function( containerWidth ) {
           //some calculations to set each item div's width
            return item_width;
          }
    });

我想在文档准备就绪时立即进行砌石，然后在将图像加载到构成项目的每个div中时追加图像，但当我尝试此操作时，结果看起来很糟糕，因为div在砌石布局中垂直重叠

---

我想知道如何在不重叠的情况下，用正确的高度将图像惰性地加载到每个div

您需要发布更多代码或制作JSFIDLE。你打电话到哪里？您的附加和延迟加载代码在哪里？@Macsupport我正在调用document ready上的do_。并且不使用砌体附加函数，因为我不知道如何使用它来取消隐藏和插入div，以及当每个div的图像都被完全加载时。