showing loading image still shows "browser loading image" icon
- by ooo
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?