我已经在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张图片。