PDA

View Full Version : Can I load the bg image after the rest of the images have loaded?



celticsaddict
Dec 17th, 2008, 07:16 PM
Hi, take a look: http://tinyurl.com/5bzokh

You see -I have a shadow image which loads first and looks ugly. I would like it to load last.

Here is my code -


<div id="shadow">
<div id="container">
<div id="top">
<h1 class="title"><a style="border: medium none ;" href="http://www.classicalacupuncturehealingarts.com"><img src="http://www.classicalacupuncturehealingarts.com/wp-content/themes/wavefade_custom/images/banner.png"/></a></h1>
</div>


And the CSS looks like this :


#shadow {style.css (line 154)
background:transparent url(images/bg-shadow.png) repeat-y scroll center top;
margin:0 auto;
width:900px;
}

Let me know if I've missed anything - thank you for your help :)

Excavator
Dec 17th, 2008, 07:41 PM
Hello celticsaddict,
It loaded so fast for me I never saw the offending image.

There are a few things the validator finds that could be fixed. See the links in my sig below about validating.

image load order (http://www.google.com/search?q=html+load+order&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a)

..