Using SetTimeout and .each Jquery
<p>I want to use settimeout() function with .each function.Basically iwant to show each image for 5 seconds and then next but i am only able to see last image.The .each executes and do not stop for 3 seconds.How can i do this?This is how i am doing.</p>

<pre><code>    &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
    &lt;head runat="server"&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
    $(document).ready(function () {

        $('#Images').find('li').each(function () {
            var img = this;
            setTimeout(function () {
                Start(img);
            }, 3000);

        });


    });
    function Start(img) {
        $('#slideshow').html(img);
    }
   &lt;/script&gt;
   &lt;/head&gt;
   &lt;body&gt;
   &lt;form id="form1" runat="server"&gt;
&lt;div id="slideshow"&gt;
&lt;/div&gt;
&lt;div style="display:none;"&gt;
&lt;ul id="Images"&gt;
&lt;li&gt;&lt;img src="images/ajax-loader.gif" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/Ajax Loader White.gif" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img src="images/fancybox_sprite.png" /&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/form&gt;
</code></pre>

<p>
</p>
