如何不让砌体一次加载所有div

时间:2013-11-14 04:29:10

标签: javascript php jquery css jquery-masonry

我已经在tumblr上使用了jQuery Masonry一段时间了,所以我想我会在我的投资组合网站上使用它来加载我的摄影。但是我找不到任何解释如何在用户点击页面底部时加载它们的地方。 我应该使用分页来控制它吗?

我现在有最简单的砌体js。

$(document).ready(function() {
  $('#pics').masonry({
   columnWidth: 379,
   itemSelector: '.cell'
  }).imagesLoaded(function() {
   $('#pics').masonry('reload');
  });
});

另外,即使我在底部设置了一个div来清除:两者,#pics div只与页面本身一样大,而不是扩展以适应我的所有图片(因为它们向左浮动)。但是,我所看到的“欺骗”父div扩展以适应其所有浮动子元素的方法都没有奏效。我有一种感觉,因为我是通过php加载它们而不是直接在html中加载它们。

所以,他们都在那里,所有的照片,只有5-ish被看到,而其余的被明显切断。而且我不想一次加载200张图片。

1 个答案:

答案 0 :(得分:1)

您是否尝试过记录hereappended方法。它应该为你做好。