CSS 背景图像的 jQuery AJAX GIF 预加载器
我已经使用 jQuery AJAX 预加载 GIF 图像有一段时间了，通过以下代码：
$("#images").html("<img id='loader' src='../img/ajax-loader.gif' />");
我现在想做的是，如何实现相同的效果（旋转轮或类似的）来预加载 CSS 背景图像，而不仅仅是img 标签？
这可能吗？
I've been using jQuery AJAX preloading GIF images for a while now, by this code:
$("#images").html("<img id='loader' src='../img/ajax-loader.gif' />");
What i'm trying to do now is, how can i implement this same effect (a spinning wheel or similar) to preload CSS background images not just img tags?
Is this possible?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
一旦浏览器将图像加载到缓存中，它就可以从缓存中检索该图像以获取 img 标签或 CSS 背景。所以我相信，如果您继续按照预加载图像的方式进行操作，那么您可以使用它来预加载背景图像。换句话说，如果你有这个 css:
那么你可以这样做来预加载它：
但是我并不完全熟悉你的预加载技术，所以我可能是错的......
Once the browser has loaded an image into cache, it can retrieve it from cache for img tags or for css backgrounds. So I believe if you continue doing exactly what you are doing to preload images, then you can use that to preload background images. In other words, if you have this css:
then you can do this to preload it:
I am not entirely familiar with your technique for preloading however, so I could be wrong...
对于img标签，显然你可以捕获onload事件，但是当你处理css背景图像时，我不认为也从未听说过捕获css背景图像的onload事件。
for img tag, obviously you can capture onload event, but when you are dealing with css background images, I don't think and never heard capture the onload event for css background image.