A tiny css asset preloader for the jQuery Javascript Library. See implementation.js for further instructions

implementation.js

$(document).ready(function(){
	
	var cssImages = ['path/to/image1.png','path/to/image2.jpg','path/to/image3.gif'],
		myElement = $('myElement');
	
	// bind eventlistener to one jquery object
	myElement.bind('assetsready',function(){
		// do awesome stuff
	});
	
	// call plugin
	myElement.preloadAssets( {assets : cssImages} );	
});

jquery.cssasstetpreloader.js

/*
 * @author thomas appel, mail(at)thomas-appel.com
 *
 **/
(function($){
	function loadImage(src,cb){
		var image = new Image();
		$(image).load(function(){
			cb.call(this, true);
		}).error(function(){
			cb.call(this, false);
		});	
		image.src = src;
	}
	$.fn.preloadAssets = function(options) {
		var defaults = {
			assets : []			
		},
		opts = $.extend({},defaults,options),
		that = this;		
		return this.each(function(){
			var l = opts.assets.length,j=0;
			for (var i = 0;i<l;i++) {
				loadImage(opts.assets[i], function(loaded){
					++j;			
					if ( j===l ){						
						that.trigger('assetsready');
					}
				});				
			}
		});		
	}
}(this.jQuery));