How to preload predefined images in Java-Script / jQuery?

Question

I know that similiar questions were asked thousands of times, but none of the solutions meet exactly what I need. My scenario is as follows: I developed an online quiz which basically consists of a java-script, a css-file and a html-file that contains many images and some audio files. The online quiz works, but is very slow, since all the media consumes up to 15mb space.

How can I pre-load all the media files (images & audio) ? I don't want to list all individual image names in a array - there must be a way that pre-loads the media on the basis of an "id" or "class" or the "tag-type"?

on the basis of an "id" or "class" or the "tag-type" If you have a <img> tag with src set, then it already started downloading as you include that in your DOM. — Derek 朕會功夫
– Derek 朕會功夫, Commented Jan 30, 2014 at 9:16
You should think to shrink our media sizes, its very painful on slow connections, dont start the quiz until all media has been loaded, just show a progress bar — Voonic
– Voonic, Commented Jan 30, 2014 at 9:41

jing3142 · Accepted Answer · 2014-01-30 09:15:01Z

1

Presuming you have a list of named media files stored on the server than you can only load or preload them by name anyway. If the quiz asks the questions in some predefined order then you could preload the next media file while the current question is being answered.

answered Jan 30, 2014 at 9:15

jing3142

1,8711 gold badge11 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to preload predefined images in Java-Script / jQuery?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related