Javascript 使用前加载内容

我有一个菜单，由五个分区组成，每个分区都有一个背景图像。鼠标悬停时，背景会发生变化。问题是在第一个鼠标上方加载第二个图像。。。如何同时加载所有图像？如何先获取资源，然后再使用它们？我现在正在使用wordpress和mootools，所以对这些特定框架的任何回答都会很好

使用

使用javascript预加载它们@克里斯蒂：它可以在没有JavaScript的情况下完成，也应该在没有JavaScript的情况下完成。@真理精灵应该用于按钮、图标等小图像。。。不建议对大图像（如背景）使用精灵。（现在，他还没有指定div的大小）@Cristy:1。没有大小限制。精灵适用于大小图像。2.他说这是菜单，他需要改变图像。因此，精灵是一条路要走。这就是我在这种情况下需要的。好极了。