Hi used various scripts to preload/fade in images, however i dont know how to preload the contents of a whole div, then fade it in.
The structure is:
<div id="maindiv">
<div class="loader"></div>
<div id="topbanner"></div>
</div>
Ive used the ‘maindiv’ to retain the structure of the page.
The ‘topbanner’ div has a background image and numerous child divs and via css its display is initially hidden.
In the page ive linked jquery and jquery.easing
Could someone point me in the right direction…thanks in advance
Typically you would only need to preload if the object your showing requires a new HTTP request (so the preloading takes care of this in advance). Since the DIV you’re showing does contain background images these could be preloaded.
All you need to do is use your normal preload script to load up the background image(s). Once the preload is complete you can fade-in the DIV.
You could also hide it with CSS since the beginning, by applying CSS rule display:none;, and when you want to show it, just change the display type.
The initial state is hidden by css
… some of the divs contain dynamic content, and some have background images via css, therefore i dont know of as script (without listing the image urls) that can ascertain that all the images within the div have been loaded, then fade in…