JS：在没有插件的情况下在需要时加载精灵

Question

我是否可以仅在需要时加载图片精灵？

例如，我有一个包含不同图像的设置面板，这些图像全部合并为1个精灵图像。我可以在查看设置面板时加载该图像吗？

$('#settings').click(function() {

    // Javascript Loading sprite goes here?

});

我假设我将使用jquery .css属性以及添加背景图像，以便在CSS中未分配精灵以便加载CSS？ （如果我错了，请纠正我。）

我不想使用像Lazy load这样的插件来增加我的应用程序的大小，而不是简单的jQuery或纯javascript代码。

非常感谢

Answer 1

通常，浏览器只会在实际显示时请求CSS图像 你不需要做任何事情。