Javascript + HTML：如何有效显示大量图像？

Question

一些背景信息：我正在开发一个chrome扩展程序，它将使用大量（可能是数千个）图像网址。 列表中将包含许多图片类型的网址。

我想让用户能够通过查看实际图像而不是仅查看URL来浏览这些图像。 现在，我只是遍历列表，对于每个URL，我都会将元素附加到可滚动元素。 这导致图像的可滚动列表。 一些是gif，一些png，一些jpeg等。我担心，如果列表很大，将会有很多滞后，并且该过程将占用大量带宽。

有没有一种有效的方法来有效地执行此类操作（即减少延迟和加载时间）？

理想情况下，我将为每个网址设置一个缩略图。

Answer 1

显然，成千上万的图像不会一次显示在一个视图中，而是像您所描述的那样在长列表中显示。 我要采取的方法是缓冲图像并在滚动显示它们。 这将需要您计算一行中可以存储多少图像，并且在当前滚动位置的前后至少缓冲两三行。 这种方法的唯一缺点是，如果缩略图行很大，要获得平滑的滚动解决方案可能会很棘手。