CodingForums.com - View Single Post

durangod · 11-01-2012, 03:06 PM

Hi, i have a background image and decided rather than have it on repeat to just have it as one image with no repeat, its big enough i think it will be ok 1280 x 720.

I have noticed that the site does hessitate just for a moment when it loads so i thought i might preload that image before anything else loads.

I have seen several methods, css, js, jquery, but all of those do more than i want to do, those examples have to do with preloading if you have a hover and all that.

What i want to know is that is the most efficient method of preloading a large background image? That is all it has to do is load it before anything else loads.

Do i use an onload in the body or do i use css?

Just not sure on this one.

Thanks

11-01-2012, 03:06 PM	PM User \| #1
durangod Senior Coder Join Date: Nov 2010 Posts: 1,177 Thanks: 214 Thanked 31 Times in 30 Posts	preload background image Hi, i have a background image and decided rather than have it on repeat to just have it as one image with no repeat, its big enough i think it will be ok 1280 x 720. I have noticed that the site does hessitate just for a moment when it loads so i thought i might preload that image before anything else loads. I have seen several methods, css, js, jquery, but all of those do more than i want to do, those examples have to do with preloading if you have a hover and all that. What i want to know is that is the most efficient method of preloading a large background image? That is all it has to do is load it before anything else loads. Do i use an onload in the body or do i use css? Just not sure on this one. Thanks