i have this code running to load my images all asynch and show a ajax loading image until the real image is downloaded.

 $('img.loadable-image').css('background', 'transparent url(/images/ajax-loader1.gif) no-repeat center center')
$('img.loadable-image').load(function() { $(this).css('background', ''); });

this works in that it shows my ajax loading icon until the images is downloaded but it also shows the background as well

here is a screenshot of what i get:

as you can see on the left, you see the little ajax loader but also see the missing image square around it.

any suggestions?