CSS Question, how to load background image first? - GoFuckYourself.com

Spudman · 07-08-2010, 05:18 AM

hey,

does anyone know how i can get a css background image to load as the first image as at the moment all other images on my site load first then the background so i looks a bit shite

thanks

fris · 07-08-2010, 05:27 AM

put it in the body

http://www.tutorialhero.com/tutorial...mage_guide.php

Spudman · 07-08-2010, 05:31 AM

i only want to load the background of a certain div, not the whole page. i wasn't clear in my first post.

Thanks fris

ottopottomouse · 07-08-2010, 05:32 AM

That doesn't force it to load first though.

Spudman · 07-08-2010, 05:35 AM

i think i have found it:

<style type="text/css">
.hiddenPic {display:none;}
</style>
<img src="poodle-puppy-Clara.jpg"
alt="Clara at 8 weeks" title="Clara at 8 weeks"
height="350" width="350" class="hiddenPic">

i tried it an it works, does anyone know if there are any problems using this code?

07-08-2010, 05:18 AM	#1
Spudman Confirmed User Join Date: Aug 2002 Location: UK Posts: 3,198	CSS Question, how to load background image first? hey, does anyone know how i can get a css background image to load as the first image as at the moment all other images on my site load first then the background so i looks a bit shite thanks __________________ Take it Easy !!!

07-08-2010, 05:27 AM	#2
fris Too lazy to set a custom title Industry Role: Join Date: Aug 2002 Posts: 55,359	put it in the body http://www.tutorialhero.com/tutorial...mage_guide.php __________________ Since 1999: 69 Adult Industry awards for Best Hosting Company and professional excellence. WP Stuff

07-08-2010, 05:31 AM	#3
Spudman Confirmed User Join Date: Aug 2002 Location: UK Posts: 3,198	i only want to load the background of a certain div, not the whole page. i wasn't clear in my first post. Thanks fris __________________ Take it Easy !!!

07-08-2010, 05:32 AM	#4
ottopottomouse She is ugly, bad luck. Industry Role: Join Date: Jan 2010 Posts: 13,177	That doesn't force it to load first though. __________________ ↑ see post ↑ 13101

07-08-2010, 05:35 AM	#5
Spudman Confirmed User Join Date: Aug 2002 Location: UK Posts: 3,198	i think i have found it: <style type="text/css"> .hiddenPic {display:none;} </style> <img src="poodle-puppy-Clara.jpg" alt="Clara at 8 weeks" title="Clara at 8 weeks" height="350" width="350" class="hiddenPic"> i tried it an it works, does anyone know if there are any problems using this code? __________________ Take it Easy !!!