title: Fade between pages using jquery
body: <p>I'm trying to add a transition effect to my site with Jquery.
  Everything was working, but suddenly the site started flickering one time before the fade in effect... I add a <code>display:none</code> and it was solved. But if visitors have JavaScript disabled, they won’t be able to view the site.
  I've already add it as a script but it doesn't work... Any ideas?
  Here is my fade code:</p>
  
  <pre><code>&lt;!--transition--&gt;
      &lt;script type="text/javascript"&gt;
          $(document).ready(function() {
  
              $("body").css("display", "none");
              $("img").css("display", "none");
  
              $("body").fadeIn(2000);
              $("img").fadeIn(2000);
  
              $("a.link").click(function(event){
              event.preventDefault();
              linkLocation = this.href;
              $("body").fadeOut(1000, redirectPage);
              $("img").fadeOut(1000, redirectPage);   
          });
  
          function redirectPage() {
              window.location = linkLocation;
          }
  
          });
      &lt;/script&gt;
  </code></pre>