title: Ajax loading gif
body: <p>I want to show loading gif while I fetch my actual content from the server. I know how to get this done if it was just that. The problem I am facing is that I want to show this loading gif as a modal box. Can some one help ?</p>
  
  <p>Edited: Here is what I am doing in my code</p>
  
  <pre><code>$('#'+buttonId).click(function(){
  
          // Put an animated GIF image insight of content
          $.colorbox({html:"&lt;img src='/mysite/images/" + imageId + "'/&gt;", open:true, opacity:"0.60"});
  
              // Make AJAX call
             $('#'+ divId).load("/mysite/" + urlToLoad);
  
      });
  </code></pre>
  
  <p>Here I am trying to using colorbox for the modal functionality and this does give me the modal window ... but the window remains open even after the content is loaded behind it.</p>