title: Gif image not displayed on html page
body: <p>I have a html page and whilst it's waiting for data from the server it should display an animated <code>gif</code> image to show that it is waiting.</p>
  
  <p>This is the code:</p>
  
  <pre><code> $("#display").append('&lt;img src="/templates/image.gif alt="red" width="30" height="30" " /&gt;');
  </code></pre>
  
  <p>This is the html:</p>
  
  <pre><code> &lt;div style="margin:0 auto;" id="display"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The animated gif was taken from the gif generator at : <a href="http://www.ajaxload.info/" rel="nofollow">http://www.ajaxload.info/</a> and put into the relevant directory.</p>
  
  <p>But instead all that is displayed is a 'broken picture icon' in Google chrome and nothing is displayed at all in Firefox. It seems like it cannot access the <code>.gif file</code> as I get a <code>404 error</code> when I try and access the file from the server. Eventhough I can see it in the directory in my workspace.</p>
  
  <p>I cannot see what the problem might me.</p>
  
  <p>Thanks</p>