我有一个图像库，它从远程JSON文件中获取其图像（图像链接），生成每个图像的缩略图（因为来自JSON的图像太小了），最后将其转储给用户。当它这样做时，用户不知道发生了什么。在生成所有缩略图之前，它们会看到一个空白的"白色"页面。
我将如何实现图库，当用户打开图库时，他们可以看到图像正在加载（通过"加载"微调器 gif），并且一旦生成缩略图，它就会立即替换微调器并坐在原位，而无需等待其他加载。
这是我想要完成的任务的视觉示例。注意：这可能是也可能不是NSFW。请小心。
在站点（您提供的链接）上，JSON-answer 是 json 视图中的 html 代码，如下所示：
..<li><a href='...'><img src="link-to-thumb"/></a></li>
<li><a href='...'><img src="link-to-thumb"/></a></li>
<li><a href='...'><img src="link-to-thumb"/></a></li>...
当json-answer出现javascript时，请将此代码添加到块的末尾。图像具有背景图像 - "加载"微调器 gif。加载图像时，其视图将覆盖背景。缩略图生成一次：在第一次加载时，并存储在缩略图文件夹中。下次如果图像未更改且缩略图未删除 - 加载缩略图而不生成它