how to show loading img inside img till ajax request - asp.net

Question

I want to show loading gif inside a image,
I am retrieving image and values from the database, image will be shown in img control and values will be shown in textbox,I want till the image is retrive from the database i want to show loading gif in the same control where the retrive img from database will be shown .and after the img from the database in fully loaded in img control then the values should be display in text box.
i did some thing like this.
$('#imgAssetCard').load(function () {
}).attr('src', "../images/loading.gif");
var ImagePath = "GetImageHandler.ashx?param=" + date + "&assetDesc=true&Opt=AssetDesc&Invid=" + Invid + "";
$('#imgAssetCard').load(function () {
$.ajax({
type: "POST",
url: "AjaxGetAssetTagNumAssetDesc.aspx?param=" + date + "&Invid=" + Invid + "",
async: false,
success: function (strData) {
response = strData;
if (strData != "") {
}
});
}).attr('src', ImagePath);

Answer 1

I use something like this for this purpose:
$(document).ajaxStart(function () {
$('#divOverlay').css('display', 'block');
}).ajaxStop(function () {
$('#divOverlay').css('display', 'none');
});
where the html is this:
<div id="divOverlay" style="top: 0; left: 0; position: absolute; z-index: 20000; width: 100%; height: 100%; cursor: wait; display: none;">
<div class="container">
<img alt="loading" src="img/ajax-loader.gif" style="height: 22px; left: 12px; padding-top: 139px; position: absolute;" />
</div>
</div>
Obviously, to use this you need to modify this piece of code, but you get the logic from here.
Update:
I did not understand what you want at the first time.
$('#imgAssetCard').attr('src', "../images/loading.gif");
var ImagePath = "GetImageHandler.ashx?param=" + date + "&assetDesc=true&Opt=AssetDesc&Invid=" + Invid + "";
var $Img = $("<img/>").attr("src", ImagePath).load(function () {
$('#imgAssetCard').attr('src', $Img.attr('src'));
$.ajax({
type: "POST",
url: "AjaxGetAssetTagNumAssetDesc.aspx?param=" + date + "&Invid=" + Invid + "",
async: false,
success: function (strData) {
response = strData;
if (strData) { }
}
});
});