Javascript 如何在Java脚本/jQuery中预加载预定义图像?

Javascript 如何在Java脚本/jQuery中预加载预定义图像?,javascript,html,css,preloading,image-preloader,Javascript,Html,Css,Preloading,Image Preloader,我知道类似的问题被问了数千次,但没有一个解决方案完全符合我的需要。我的场景如下:我开发了一个在线测验,它基本上由一个java脚本、一个css文件和一个包含许多图像和一些音频文件的html文件组成。在线测试很有效,但速度很慢,因为所有媒体都会占用高达15mb的空间 如何预加载所有媒体文件(图像和音频)?我不想在一个数组中列出所有单独的图像名称-必须有一种方法可以根据“id”或“类”或“标记类型”预加载媒体?假定您在服务器上存储了一个命名媒体文件列表,而不是您只能按名称加载或预加载它们。如果测验以预

我知道类似的问题被问了数千次,但没有一个解决方案完全符合我的需要。我的场景如下:我开发了一个在线测验,它基本上由一个java脚本、一个css文件和一个包含许多图像和一些音频文件的html文件组成。在线测试很有效,但速度很慢,因为所有媒体都会占用高达15mb的空间


如何预加载所有媒体文件(图像和音频)?我不想在一个数组中列出所有单独的图像名称-必须有一种方法可以根据“id”或“类”或“标记类型”预加载媒体?

假定您在服务器上存储了一个命名媒体文件列表,而不是您只能按名称加载或预加载它们。如果测验以预定义的顺序提问,则您可以在回答当前问题时预加载下一个媒体文件。

基于“id”或“类”或“标记类型”
(如果设置了
),然后它已经开始下载,因为你把它包括在你的DOM中。你应该考虑缩小我们的媒体大小,这对慢速连接来说是非常痛苦的,在所有媒体加载之前不要开始测试,只显示一个进度条