title: JS: Image not showing
body: <p>I want to show a simple ajax loading animation during the timeout period. The image gets hidden on <code>window.load</code> as it should, but when I click on an image and use the <code>onclick= call</code>, the image is not showing.</p>
  
  <p>This is my <code>showImage()</code> method</p>
  
  <pre><code>    function showImage(){
          document.getElementById('loadingImage').style.display="normal";
  }
  </code></pre>
  
  <p>And this is my div</p>
  
  <pre><code>&lt;div id='welcome' style="display:none"&gt;
   Click to continue.&lt;br /&gt;&lt;br /&gt;&lt;!--Viral Text--&gt;
   &lt;img src="like1.png" width="100" height="44" onclick="likeToUnlock(); showImage();" onmouseover="" style="cursor: pointer;"/&gt;
   &lt;p&gt;&amp;nbsp;&lt;/p&gt;
   &lt;img id="loadingImage" src="ajax.gif" style="display:none"/&gt;
  &lt;/div&gt;
  </code></pre>