如何在 html 中加载包含数千张图片的文件？

Question

现在我有一个包含 12989 张图像的本地文件夹。总大小为410MB。另一方面，我有另一个 csv 数据集，其中包含每个图像的名称、主要颜色和一些其他信息。 那么，如何在不一张一张调用的情况下将所有图片可视化呢？谢谢！（如果可能的话，我更喜欢使用d3.js。）

Answer 1

您可以使用一堆 rect 元素来显示每个图像的颜色，然后在鼠标悬停时显示完整图像。有无数种排列方式，具体取决于您拥有的数据和您要显示的内容。一些例子：

• list
• map
• grid