jQuery slideshow shows other slides on page load?
<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>
