如何查看100k图像？

Question

我正在寻找一个高效的JavaScript库或网络应用程序，通过它我可以滚动浏览我在远程目录中排序的10-100k图像。

当我尝试使用纯HTML和img标签时，浏览器会因内存压力而崩溃。

Answer 1

您需要实现虚拟滚动技术，并且当时只加载少量图片。像延迟加载一样，但是在滚动时删除较旧的图片并且你懒得在两个方向上下加载它们。

您还应该使用像LinkedIn Engineering Blog这样的技巧释放img标记内存。

  

UIWebView / Mobile Safari对图像有严格的限制。我们的流中充满了大图像，所以我们很快就达到了极限。一种选择是使用HTML5 Canvas元素绘制图像而不会遇到内存问题。然而，我们发现在画布上绘制非常大的图像很慢，所以我们不得不采取另一种方法：每当图像在屏幕上被充分滑动时，我们用非常小的图像替换img标签的“src”属性。这确保了用于渲染大图像的存储器被周期性地释放。此外，我们确保我们没有引入空图像src属性错误。

Answer 2

尝试延迟加载图片？ http://luis-almeida.github.io/unveil/

图像不会加载，直到用户滚动到它们。

Answer 3

您可以通过制作Till图层将其拆分为多个部分，然后像地图一样导航。您可以使用http://leafletjs.com/

之类的内容