我有一个运行良好的网站，现在我有需要放置的缩略图。
我想做的第一件事是在加载图像时有一个加载微调器，然后一旦图像加载完毕，微调器就不再显示。我见过有些人将 gif 作为图像的背景，然后在顶部加载图像。但是我想使用 CSS 微调器。以下是 CSS Spinners 的一些示例:http://projects.lukehaas.me/css-loaders/
然后我希望浏览器在图像加载后缓存它们。
我知道 javascript 用于此目的。微调器会使用 javascript 吗？是否有任何网站可以很好地概述此过程？或者，如果这里有人可以提供帮助，我们将不胜感激。这个任务，我敢肯定并不太难，但我真的不确定从哪里开始。
我会制作一个 jsfiddle 示例或其他东西，但现在我只想知道在进行此操作时要寻找什么。
编辑:进一步阅读后，我说浏览器自动缓存图像是否正确？如果是这种情况，我对预加载图像是否值得我感到有点困惑。
提前致谢。
最佳答案
当图像加载时，您可以通过这种方式关闭微调器(假定为 jQuery)
<div class="spinner">...</div>
$('.spinner img').on('load', function() {
$(this).parent().removeClass('spinner')
})
关于javascript - 图像缓存和使用 css3 加载微调器 - 需要建议，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25918495/