我有一个图像库，它从远程 JSON 文件中获取其图像（图像链接），生成每个图像的缩略图（因为来自 JSON 的图像太小），最后将其转储给用户。虽然这样做，但用户不知道发生了什么。在生成所有缩略图之前，他们会看到一个空白的“白色”页面。
我将如何以这样一种方式实现画廊，当用户打开画廊时，他们可以看到正在加载图像（通过“加载”微调器 gif），并且一旦生成缩略图，它立即替换微调器并坐在原位而不等待其他人加载。
这是我正在尝试完成的视觉示例。注意：这可能是也可能不是 NSFW。请小心。
问问题
144 次
1 回答
0
在网站上（您提供的链接），JSON-answer 是 json-view 中的 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。加载图像时，其视图会覆盖背景。缩略图生成一次：在第一次加载时，并存储在缩略图文件夹中。下次如果图像未更改且缩略图未删除 - 加载缩略图而不生成它
于 2013-01-31T11:40:08.787 回答