【发布时间】：2014-01-30 09:03:37
【问题描述】：
我知道类似的问题被问了数千次，但没有一个解决方案完全符合我的需要。我的场景如下：我开发了一个在线测验，它基本上由一个 java 脚本、一个 css 文件和一个包含许多图像和一些音频文件的 html 文件组成。在线测验有效，但速度很慢，因为所有媒体都占用了高达 15mb 的空间。
如何预加载所有媒体文件（图像和音频）？我不想在一个数组中列出所有单独的图像名称 - 必须有一种方法可以根据“id”或“class”或“tag-type”预加载媒体？
【问题讨论】：
-
on the basis of an "id" or "class" or the "tag-type"如果你有一个<img>标签并设置了src，那么当你将它包含在你的DOM中时它已经开始下载了。 -
你应该考虑缩小我们的媒体大小，在慢速连接时非常痛苦，在加载所有媒体之前不要开始测验，只显示一个进度条
标签： javascript html css preloading image-preloader