我在mongodb中有一个大量图像缩略图的收藏,我想使用无限滚动技术在客户端上呈现:显示第一批图像(即4行),当用户滚动到批次中的最后一行时,向客户端发送新内容的批次。
使用meteor实现这个功能是否可能?
我在mongodb中有一个大量图像缩略图的收藏,我想使用无限滚动技术在客户端上呈现:显示第一批图像(即4行),当用户滚动到批次中的最后一行时,向客户端发送新内容的批次。
使用meteor实现这个功能是否可能?
使用数据URI驱动的图片。
Images.insert({data:image.toBase64()});
模板可以看起来像:
<img id="{{_id}}" src="data:image/jpg;base64,{{{data}}}"></img>
输出结果将如下所示:
<img id="..." src="data:image/jpg;base64,iVBO..."></img>
observer-summary
),当向隐藏的容器添加图像时触发它。Masonry
容器中,或者使用任何常规方法制作无限滚动图像容器。Meteor.template.rendered
代码。Meteor.autorun(function() {
var visibleImages = Session.get("newImages");
_.each(visibleImages,function(image) {
$("#container").append("<img src='" +image.data + "'></img>");
});
})
每当有新的图片时,将文档放入newImages
会话变量中。
observer-summary
使用变异事件作为后备方案。 - DoctorPangloss