javascript - Masonry 的加载问题

Question

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

1) Masonry 不会启动，直到所有图像都加载完毕，并且它们都卡在页面的左上角，直到完成
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'
  });

});