我在 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 幅,而其余的都被明显地切掉了。而且我不想一次加载 200 张图片。