Javascript 如何查看100k图像?

Javascript 如何查看100k图像?,javascript,jquery,html,Javascript,Jquery,Html,我正在寻找一个高效的JavaScript库或web应用程序,通过它我可以滚动浏览我在远程目录中排序的10-100k图像 当我尝试使用纯HTML和img标记时,浏览器会因内存压力而崩溃。尝试延迟加载图像吗 在用户滚动到图像之前,图像不会被加载。您可以通过制作一个耕耘层并像地图一样导航,将图像分成多个部分。您可以使用类似于的方法,您需要实现一种伪滚动技术,同时只加载少量图片。类似于延迟加载,但在滚动时删除旧图片,并在上下两个方向上延迟加载它们 您还应该使用这样的技巧释放img标记内存 UIWebVi

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

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

尝试延迟加载图像吗


在用户滚动到图像之前,图像不会被加载。

您可以通过制作一个耕耘层并像地图一样导航,将图像分成多个部分。您可以使用类似于

的方法,您需要实现一种伪滚动技术,同时只加载少量图片。类似于延迟加载,但在滚动时删除旧图片,并在上下两个方向上延迟加载它们

您还应该使用这样的技巧释放img标记内存

UIWebView/Mobile Safari对图像有严格的限制。我们的流中充满了大图像,因此我们很快就达到了极限。一种选择是使用HTML5画布元素来绘制图像,而不会出现内存问题。然而,我们发现在画布上绘制非常大的图像很慢,因此我们不得不采取另一种方法:每当图像被刷离屏幕足够远时,我们就用一个非常小的图像替换img标记的“src”属性。这确保了用于渲染大型图像的内存被定期释放。此外,我们还确保没有引入空图像src属性错误

使用一些显示插件(延迟加载),当您滚动到按钮时,它将起作用。