我遇到了一些砖石问题,只是想知道是否有人可以帮助他们中的任何一个
1)在所有图像都被加载之前,砌体不会启动并且它们都被卡在页面的左上角,直到完成为止 2)图像明显加载缓慢,如果它们在通过某种预装载器完全装载之前不会显示,则会喜欢 3)图像在第一次加载时总是以有趣的方式定位,但每次刷新之后它们都被正确放置
你可以在这里看到正在进行的工作,一点背景,图片意味着加载随机尺寸,定位和每次加载的顺序http://www.coreytegeler.com/jb/oddfuture/
答案 0 :(得分:4)
您正在使用图片加载插件,这会延迟砌体插件初始化。你能做的是:
使用css隐藏内容:
#container {display:none}
加载后显示图像并应用砌体:
var $container = $('#container');
$container.imagesLoaded( function(){
$container.show();
$container.masonry({
itemSelector : '.photo'
});
});