加载砌体问题

时间:2013-02-19 01:25:22

标签: javascript jquery jquery-masonry preloader

我遇到了一些砖石问题,只是想知道是否有人可以帮助他们中的任何一个

1)在所有图像都被加载之前,砌体不会启动并且它们都被卡在页面的左上角,直到完成为止 2)图像明显加载缓慢,如果它们在通过某种预装载器完全装载之前不会显示,则会喜欢 3)图像在第一次加载时总是以有趣的方式定位,但每次刷新之后它们都被正确放置

你可以在这里看到正在进行的工作,一点背景,图片意味着加载随机尺寸,定位和每次加载的顺序http://www.coreytegeler.com/jb/oddfuture/

1 个答案:

答案 0 :(得分:4)

您正在使用图片加载插件,这会延迟砌体插件初始化。你能做的是:

使用css隐藏内容:

#container {display:none}

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

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

$container.imagesLoaded( function(){

  $container.show();

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

});