Animation in jQuery displays wrong images first cycle?
<p>I have been experimenting with a jquery script that I found on the following link:</p>

<p><a href="http://css-tricks.com/snippets/jquery/simple-auto-playing-slideshow/" rel="nofollow">http://css-tricks.com/snippets/jquery/simple-auto-playing-slideshow/</a></p>

<p>The running example does work, but if I run the code in my own VS 2010 project  for some reason the first image seems to revert back onto itself. </p>

<p>What I mean is the following:</p>

<p>Here are the images in default.aspx page:</p>

<pre><code>    &lt;div id="slideshow"&gt;
       &lt;div&gt;
         &lt;img src="Images/boating.gif" width="240px" height="240px"&gt;
       &lt;/div&gt;
       &lt;div&gt;
        &lt;img src="Images/Cat.gif" width="240px" height="240px"&gt;
       &lt;/div&gt;
       &lt;div&gt;
        &lt;img src="Images/catcute.jpg" width="240px" height="240px"&gt;
       &lt;/div&gt;
       &lt;div&gt;
        &lt;img src="Images/cutebird.jpg" width="240px" height="240px"&gt;
       &lt;/div&gt;
    &lt;/div&gt;
</code></pre>

<p>Here is the code in my Default.js file :</p>

<pre><code>   $(document).ready(function(){ 

$("#slideshow &gt; div:gt(0)").hide(); 

setInterval(function() { 
  $('#slideshow &gt; div:first') 
    .fadeOut(1000) 
    .next() 
    .fadeIn(1000) 
    .end() 
    .appendTo('#slideshow'); 
},  3000); 

});
</code></pre>

<p>Here is the code in the style sheet file:</p>

<pre><code>#slideshow {
    margin: 50px auto;
    position: relative;
    width: 240px;
    height: 240px;
    padding: 10px;

}

#slideshow &gt; div {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
}
</code></pre>

<p>Here is the code reference in my default.js file inside my default.aspx page:</p>

<pre><code>&lt;asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"&gt;
    &lt;script src="Default.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;/asp:Content&gt;
</code></pre>

<p>Thank you in advance and kind regards
_geoNeo</p>
