Preload a background image in Javascript - without declaring CSS beforehand

Question

I already know how to preload an image with Image.onload. But what about preloading a style.background image?

I need this for a game that's going to be preloading sprite sheets for different levels of a DHTML game.

I've had no success figuring out how to get style.background to use an Image object.

So how do I preload a style.background image, only with Javascript.

is there a reason why you can't preload it in the HTML itself and have it hidden in the CSS? — Moin Zaman
– Moin Zaman, Commented Nov 1, 2010 at 9:50
the key phrase in my question is "different levels" - I don't want the player to have to download all assets at once — st33d
– st33d, Commented Feb 8, 2011 at 17:41

Pekka · Accepted Answer · 2010-11-01 09:51:06Z

1

Just preload it the normal way.

The image will be cached in any case, regardless whether you use it as an img element, or as a background-image property.

answered Nov 1, 2010 at 9:51

Pekka

451k150 gold badges989 silver badges1.1k bronze badges

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

1 Answer 1