[jQuery] Re: Load image with an ajax preloader?

[123gotoandplay]

Hi michel,

Tx for the explanation, i am trying your suggestion and it indeed
works like a  charm.

At the moment i am updating div imagePreview depending on a combo of
select menu options.

As i understand it the ajax-loader.gif keeps on spinning in the
background.
Is there a way to check if the image is really loaded and if not
display another image as background saying "no image found".

working code at the moment
        $("#size_update").change(function(){
                var srcSize = $("option:selected", this).val();
                var srcColor = $("#color_update option:selected").text();
                var imgSrc = srcColor+"-"+srcSize;
                $('#imagePreview').html('<img src="'+imgSrc+'.jpg"/>');
        });
        $("#color_update").change(function(){
                        var srcColor = $("option:selected", this).val() ;
                        var srcSize = $("#size_update option:selected").text();
                        var imgSrc = srcColor+"-"+srcSize;
                        $('#imagePreview').html('<img src="'+imgSrc+'.jpg"/>');
        });

.loading {
background: url(ajax-loader.gif) no-repeat center center;
}