Question

我有一个很好的网站，我现在有缩略图，我需要把它放到位。

我想要做的第一件事是在加载图像时加载微调器，然后一旦图像加载，微调器就不再显示了。我看到有些人将gif作为图像的背景，然后将图像加载到顶部。但是我想使用CSS微调器。以下是CSS Spinners的一些示例：http://projects.lukehaas.me/css-loaders/

然后我希望浏览器在加载后缓存图像。

我知道javascript用于此。将javascript用于微调器吗？是否有任何网站能够很好地概述这一过程？或者，如果这里的任何人都可以帮助它将非常感激。这个任务，我确定不是太难，但我真的不确定从哪里开始。

我会制作一个jsfiddle示例或者其他东西，但是现在我只是想知道在这个时候要找什么。

编辑：在进一步阅读之后，我是否正确地说浏览器会自动缓存图像？对于我来说，预装图像是否值得，如果是这样的话，我有点困惑。

提前致谢。

Answer 1

当图像加载时，你可以用这种方式关闭微调器（jQuery假设）

<div class="spinner">...</div>


$('.spinner img').on('load', function() {
    $(this).parent().removeClass('spinner')
})