title: jQuery slideshow shows other slides on page load?
body: <p>I'm using the below jQuery script for a slideshow. The problem I'm having is when the page initially loads it briefly flashes the next slides in the queue. How could I prevent this from happening? My code comes from here: <a href="http://snook.ca/archives/javascript/simplest-jquery-slideshow" rel="nofollow">http://snook.ca/archives/javascript/simplest-jquery-slideshow</a></p>
  
  <pre><code>jQuery('#welcome div:gt(0)').hide();
   setInterval(function(){
     jQuery('#welcome :first').hide()
        .next('.slidey').fadeIn()
        .end().appendTo('#welcome');}, 
     5000);
  
  
  &lt;script src="scripts.js"&gt;&lt;/script&gt;
  
  &lt;div id="welcome"&gt;
  
  &lt;div class="slidey"&gt;
      &lt;h1&gt;Example.com&lt;/h1&gt;
      &lt;br /&gt;
      &lt;a href="http://www.example.com/about"&gt;Learn More&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div class="slidey"&gt;
  
      &lt;h1&gt;The best widgets in the world...&lt;/h1&gt;
  
      &lt;br /&gt;
  
      &lt;a href="http://www.example.com/buywidget"&gt;Buy Widget&lt;/a&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>All, I'm deciding to use this slideshow code instead: <a href="http://www.webchief.co.uk/blog/simple-jquery-slideshow/index.php" rel="nofollow">http://www.webchief.co.uk/blog/simple-jquery-slideshow/index.php</a> It has more functionality...</p>