用于 CSS 背景图像的 jQuery AJAX GIF 预加载器

Question

我使用 jQuery AJAX 预加载 GIF 图像已经有一段时间了，代码如下:

$("#images").html("<img id='loader' src='../img/ajax-loader.gif' />");

我现在想做的是，我如何实现同样的效果(纺车或类似的效果)来预加载 CSS 背景图像而不仅仅是 img 标签？

这可能吗？

Answer 1

一旦浏览器将图像加载到缓存中，它就可以从缓存中为 img 标签或 css 背景检索它。所以我相信如果你继续做你正在做的事情来预加载图像，那么你可以用它来预加载背景图像。换句话说，如果你有这个 css:

#SomeElement { background: url('../img/whatever.gif'); }

然后你可以这样做来预加载它:

$("#images").html("<img id='loader' src='../img/whatever.gif' />");

但是我并不完全熟悉您的预加载技术，所以我可能是错的...