This script parses through linked and imported stylesheets and creates an array of all the image urls they contain. Then it loops through the array of urls and creates an image object for each one so they’ll be cached and ready for later use. Using this script means we only have to worry about specifying background images and states in our CSS files, and the script takes care of the rest!
$.preloadCssImages();
This will default to a root “images” directory for finding images. To specify a different images directory, pass it in via the options : $.preloadCssImages({ 'imgDir': 'myImagesDirectory' });
$.preloadCssImages({ 'imgDir': 'myImagesDirectory' });
http://www.filamentgroup.com/examples/preloadImages/scripts/preloadCssIm…