CODEWITHSUNDEEP
htmlcssimage
natas
natas

Reputation: 179

Pre-Loading Images

Is there a way to pre-load images just using html/css?

Upvotes: 6

Views: 551

Answers (5)

Ms2ger
Ms2ger

Reputation: 15993

Or even easier: <link rel="prefetch" href="path to image"> (Firefox).

<link rel="prerender" href="http://example.org/index.html"> (Chrome)

Upvotes: 2

Travis
Travis

Reputation: 12379

Yes, there is. There's a technique called CSS sprites.

It basically works by loading one big image and then only displaying certain sections of the image as needed. Obviously, this technique isn't practical for every solution but it's good for many.

A List Apart has a great tutorial on this: A List Apart: Articles: CSS Sprites: Image Slicing's Kiss of Death

Upvotes: 0

user105033
user105033

Reputation: 19648

Yes: http://perishablepress.com/press/2008/04/15/pure-css-better-image-preloading-without-javascript/

Upvotes: 0

peirix
peirix

Reputation: 37771

If you include an url in your CSS, the image will be downloaded as the .css file is loaded into the document.

Upvotes: 0

Andrew Hare
Andrew Hare

Reputation: 351748

Yes you can. There are many tutorials available on this topic - here is one of them.

Upvotes: 5

Related Questions