title: Page Loader in html page
body: <p>I am trying to show a loader GIF image in the div section of this html page. But I can't get it to work. The div content is hidden and the GIF image disappears.</p>
  
  <p>CSS:</p>
  
  <pre><code>.loader {
      background-image: url(image/Preloader_8.gif);
      background-repeat: no-repeat;
      height:100px;
      width:200px;
  }
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(window).load(function() {
          $(".loader").fadeOut("slow");
      })
  &lt;/script&gt;
  </code></pre>
  
  <p>Html:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="loader"&gt;
          Loading Image
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>