Jquery 使用具有无限滚动内容的砖石创建未设置样式的闪光灯

我们使用的是

砖石

和无限卷轴（保罗·爱尔兰）

我们的标记与此类似：

<div id="Container">
    <div class="project">...</div>
    <div class="project">...</div>
    <div class="project">...</div>
    <div class="project">...</div>
    <div class="project">...</div>
    <div class="project">...</div>

    <div class="pagination">...</div>
</div>

...
...
...
...
...
...
...

div.project

元素是砌体使用的“砖块”。分页本质上是在最后一个div.project元素之后追加内容

然而，我们有两个问题：

当页面加载时，会出现未设置样式的内容闪烁。初始内容加载到位，然后突然收缩到一个块大小，包含所有页面内容，然后动画显示到各自的位置

当通过infinitescroll附加内容时，它将具有类似的行为，只是它没有首先出现在适当的位置。它全部加载到空白区域左上角的一个框中（在上一个内容的下方），并从右到下向外设置动画

我们希望在某种程度上复制这种行为：

我花了很长时间试图让这些东西正确地设置动画，并在页面上正确定位。通过为块中的图像指定显式宽度，我成功地避免了重叠问题[我本可以使用$.imagesLoaded（）-但我想减少我们的占地面积

问题:

我们需要对现有内容做任何准备吗？（例如：CSS样式、js侦听器等）

我是否需要明确定义CSS动画或jQuery动画？在上面列出的示例中，我似乎找不到动画的定义

多谢各位

资源：