javascript - JS : Load sprite when needed without a plugin

Question

是否可以仅在需要时加载图像 Sprite ？

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

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

    // Javascript Loading sprite goes here?

});

我假设我还将使用 jquery .css 属性来添加背景图像，这样 Sprite 就不会在 CSS 中分配以便加载 CSS？ (如果我错了请纠正我)。

我不想使用延迟加载等插件来增加我的应用程序的大小，而是使用简单的 jQuery 或纯 javascript 代码。

非常感谢

Answer 1

一般情况下，浏览器只会在实际显示时请求 CSS 图片。
您无需执行任何操作。