title: javascript edit: add fade-in feature to this script
body: <p>currently, the image pops up, fades out, and the page pops in. however, i'd like the page to fade-in after the splash image has faded out.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;style type="text/css"&gt;
          #content {
              display:none;
              }
      &lt;/style&gt;
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt; 
          $(function(){
              setTimeout(function() {
                  $("#splash").fadeOut("slow", function() {
                      $("#content").show();
                  });
              }, 500);
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="splash"&gt;
      &lt;img src="http://farm1.static.flickr.com/215/482472428_5f2f592b64.jpg" /&gt;
  &lt;/div&gt;
  &lt;div id="content"&gt;
      Content
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>