我有一个图像库，它从远程JSON文件中获取图像（图像链接），生成每个图像的缩略图（因为来自JSON的图像太小），最后将其转储给用户。虽然这样做，但用户并不知道发生了什么。在生成所有缩略图之前，他们会看到一个空白的＆＃34;白色＆＃34;页。
我将如何以这样一种方式实现图库：当用户打开图库时，他们可以看到正在加载图像（通过＆＃34;加载＆＃34; spinner gif），并尽快当生成缩略图时，它会立即替换微调器并坐在其位置而不等待其他人加载。
Here's a visual example of what I'm trying to accomplish.注意：这可能是也可能不是NSFW。请小心。
答案 0 :(得分：0)
在网站（您提供的链接）上，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时，将此代码添加到块的末尾。 图像有backgorund-image - “加载”旋转器gif。加载图像时，其视图会覆盖背景。 缩略图生成一次：在第一次加载时，存储在缩略图文件夹中。下次如果图像未更改且缩略图未删除 - 加载缩略图而不生成它