JavaScript图像预加载

我有这么多的图片在幻灯片中，我需要在移动safari上为这个幻灯片提供服务。我注意到，每当页面加载时，它都会被卡住一段时间，直到所有图像都被加载

我决定在需要图像执行特定操作时，使用单击事件加载图像，而不是将所有图像直接附加到HTML中

我想使用图像预加载脚本，然后根据用户操作添加图像

图像预加载是否会影响页面加载时间，或者这是否有助于提高页面加载时间并根据需要添加图像

如果还有其他方法可以实现，请务必让我知道。我的目标是更快地加载页面，并希望根据需要添加图像，这不会影响动画质量和图像渲染

图像加载脚本

使用CSS：

a:hover {
    background:url("menu2.gif") left top no-repeat;
}

---

我点击事件的幻灯片放映需要预期的功能。幻灯片将显示包含某些内容的图像。CSS在这种情况下对我没有帮助。我正在寻找一些可靠的JavaScript或Ajax解决方案。