How to display busy image when actual image is loading in client machine
<p>i am going to call my server side method by jquery and my server side method will just give a html like <code>&lt;img src='pop.gif' /&gt;</code></p>

<p>after getting the image url from server side function i will just push the html into my div but i want the when image will be loading at client side then i want to show a busy image. so i plan to write the code like below</p>

<h2>first code call server side method</h2>

<pre><code>$.ajax({
  url: 'image-map.aspx',
  data: {}, // the image url links up in our fake database
  dataType: 'html',
  success: function (html) {
    // because we're inside of the success function, we must refer
    // to the image as 'img' (defined originally), rather than 'this'

   var img = $(html);
   $(img).load(function() {
      //alert('Image Loaded');
   });
   $('#myidv').append(img);

  }
});
</code></pre>

<p>so i just need to know my code is ok. does it work and how to show spinner image till the image download at client side?</p>
