Jquery: how to create a simple AJAX image slider
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/7252497/jquery-ajax-image-slider">jQuery/Ajax : image slider</a>  </p>
</blockquote>



<p>I'm new on Jquery but what I would like is to create a simple slider that load images with Ajax.</p>

<ul>
<li>how to <strong>create a loop</strong></li>
<li>how to set loop time speed</li>
<li>how to load an image with Ajax request</li>
</ul>

<p>Suppose I have an index.php with this:</p>

<pre><code>&lt;div id="output"&gt;&lt;/div&gt;

 &lt;script type="text/javascript"&gt;
    //&lt;![CDATA[

    jQuery(document).ready(function($) {

        $.ajax({
            type: "POST",
            url: "&lt;?php echo $this-&gt;getUrl('somewhere/index/testajax') ?&gt;",
            data: "id=1",
            success: function(response){
                $("#output").html(response);
            }
        });
    });
    //]]&gt;
</code></pre>

<p></p>

<p>How can I create a loop that replicate the AJAX call ? </p>
