title: Showing animated "loading" gif before the actual html content appears in Lightbox/Facebox
body: <p>Hey guys, I'm trying to show an animated gif for 2 seconds before the actuall content appears in a lightbox (Facebox). How can make this happen?</p>
  
  <p>The Facebox module gets triggered after a form submit and so far I have this code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
      $('#submitform').submit(function() {
          $('#loader').show();
          $.post('/file.php', function() {
              $('#loader').hide();
          });
          return false;
      });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>The loader is placed in like this:</p>
  
  <pre><code>&lt;div id="info" style="display:none;"&gt;
      The content...
  
  &lt;div id="loader"&gt;&lt;img src="http://notifly.se/notifly/images/loader.gif"&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Thanx!!!</p>