queryLoader plugin - would like to force page_loading.gif to be downloaded first
Hello. I'm using the
queryLoader script to preload the important images from my site. On the first visit to the home page a blank screen is displayed with a loading progress bar as the images are pre-loaded. Once finished the screen wipes and displays the site. It works and looks great.
Now I've added my own animation to the pre-loading screen by making it the background, by way of CSS, to the div that houses the progress bar. It looks nice, but I've been trying to figure out a way to get that animation, page_loading.gif, to download first so that it is displayed throughout the entire pre-loading process. So far i've been unsuccessful... but I am brand new to jQuery.
My most recent effort was to rearrange the array that the queryLoader uses to store the images to be downloaded. There are 40ish images and the page_loading.gif was always the last key of the array. I added code that would force it to always be the first key in the array, but it doesn't seem to make any difference.
Can anyone suggest a technique that will force the download of one image before the rest? Perhaps even before the queryLoader script fires up?
I'll put links below to relevant sites. Thanks for your time, -Scott
The website in question:
http://jugtones.com
Here is the download link for queryLoader script i'm using:
http://www.gayadesign.com/scripts/queryLoader/queryLoader.zip
-