JS：無需插件需要時加載精靈

Question

是否有可能我只能在需要時加載圖像精靈？

例如我有一個設置面板有不同的圖像，這些圖像都被合併到1個精靈圖像中。在查看設置面板時是否可以加載該圖像？

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

    // Javascript Loading sprite goes here? 

}); 

我想我會使用jQuery .css屬性藏漢添加背景圖像，使得精靈它爲了與CSS加載未在CSS分配？ （如我錯了請糾正我）。

我不想使用諸如Lazy load之類的插件來增加我的應用程序的大小，而不是使用簡單的jQuery或純JavaScript代碼。

非常感謝

Answer 1

通常，瀏覽器只會在實際顯示時請求CSS圖像。
你不需要做任何事情。