2

目前在我的网站上，一旦为所有项目加载了所有图像，我就会使用 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 而不使用砌体附加重叠？

4

0 回答 0