砌体的加载问题

Question

我在砌石方面遇到了一些问题，只是想知道是否有人可以帮助解决其中任何一个问题

1) 在所有图像加载完成之前，砌体不会启动，并且在加载完成之前它们都卡在页面的左上角
2) 图像加载缓慢 3）图像在第一次加载时总是以一种有趣的方式定位，但之后每次刷新它们都会正确放置

你可以在这里看到正在进行的工作，有一点背景，图像在每次加载时都会以随机大小、位置和顺序加载http://www.coreytegeler.com/jb/oddfuture/

Answer 1

您正在使用延迟砌体插件初始化的图像加载插件。你可以做的是：

使用 css 隐藏内容：

#container {display:none}

加载后显示图像并应用砌体：

var $container = $('#container');

$container.imagesLoaded( function(){

  $container.show();

  $container.masonry({
    itemSelector : '.photo'
  });

});