Javascript 预加载CSS文件中定义的图像

我知道使用隐藏的嵌入式标记/包含、css样式和javascript预加载图像（和css文件）的方法，但这些都依赖于需要嵌入额外的标记或css规则来加载每个文件，对于每个新图像，我必须记住添加另一个预加载规则

我正在寻找并且似乎在任何地方都找不到的是一种扫描CSS文件的方法（使用JS）来识别CSS文件中的所有url（…），这样我就可以预加载这些图像。这意味着，如果我进入并向样式添加另一个背景图像，我知道它将被找到并预加载，而无需我做任何事情

基本上，我希望有两个功能：

Preloader.loadCss(filePath, preloadImages);
Preloader.loadAllImagesInCssFiles();

第一个函数将预加载css文件，然后在需要时扫描所有图像并预加载。第二个函数将扫描页面中包含的所有CSS文件，并加载这些样式表使用的图像

---

我希望有人能对我如何实现这一点有一些想法，或者知道现有的解决方案。

是的，有人已经用jQuery实现了这一点

---

谢谢，我猜一定有人……我只是找不到。现在将其转换为MooTools