title: How to make display "AJAX Loading.gif" at image gallery section? (jQuery)
body: <p>I need a little help, i'm trying how to make display "AJAX loading.gif" is an animated gif at image content.</p>
  
  <p>When you click a thumbnail, the image takes loading but it doesn't show animated gif, i'm wondering how...</p>
  
  <p><a href="http://bksn.mx/opequimar/renta_descripcion.html" rel="nofollow">http://bksn.mx/opequimar/renta_descripcion.html</a></p>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$(".thumbnails a").click(function(){
  
    $("#bigpic").attr("src", $(this).attr("href"));
  
    $("#largeimage").attr("href", $(this).attr("rel"));
    $('#bigpic').fadeIn('slow');
    return false;
  });
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <p><em>Image content:</em></p>
  
  <pre><code>&lt;div id="novedades_imagepubli"&gt;
  
  &lt;a href="img/barco1.jpg" id="largeimage"&gt;&lt;span&gt;&lt;/span&gt;&lt;img src="img/barco1.jpg" id="bigpic" width="375" height="250"/&gt;&lt;/a&gt;
  
  
  &lt;/div&gt;
  </code></pre>
  
  <p><em>Thumbnails:</em></p>
  
  <pre><code>&lt;div class="thumbnails"&gt;
  &lt;a href="img/1.jpg" rel="img/1.jpg"&gt;&lt;img src="img/thumbnails/thumbnail1.jpg" /&gt;&lt;/a&gt;
  &lt;a href="img/2.jpg" rel="img/2.jpg"&gt;&lt;img src="img/thumbnails/thumbnail2.jpg" /&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The div of AJAX gif is
  <code>&lt;div class="ajaxgif"&gt;&lt;/div&gt;</code> but is not implented yet.</p>