如何在Java-Script / jQuery中预加载预定义的图像？

Question

我知道类似的问题已被问过几千次，但没有一种解决方案能满足我的需要。我的场景如下：我开发了一个在线测验，它基本上由一个java脚本，一个css文件和一个包含许多图像和一些音频文件的html文件组成。在线测验有效，但速度很慢，因为所有媒体消耗的空间都高达15mb。

如何预加载所有媒体文件（图像和音频）？我不想列出数组中的所有单个图像名称 - 必须有一种方法可以基于“id”或“class”或“tag-type”预加载媒体？

Answer 1

假设您有一个存储在服务器上的命名媒体文件列表，而您只能按名称加载或预加载它们。如果测验以某种预定义的顺序询问问题，那么您可以在回答当前问题时预加载下一个媒体文件。