recursive images with jQuery each()
<p>I have to create a automatic slideshow with images, I would like to put every image in a different position into the body tag, so I have created one div for every image. 
I'm using jQuery each() to show all the images </p>

<pre><code>&lt;div id="img1" class="images" &gt;&lt;img  src="img/works/img1.jpg"/&gt;&lt;/div&gt;
&lt;div id="img2" class="images" &gt;&lt;img src="img/works/img2.jpg"/&gt;&lt;/div&gt;
...


&lt;script&gt;
var arr = ["img1", "img2",..., "img22" ];

var $fade_in=1500;

$.each(arr, function images(i) {
$("#" + this).delay(i*1000).show($fade_in);
});     
&lt;/script&gt;
</code></pre>

<p>It works. Now, how can I obtain the function recursive? I need a infinite loop</p>

<p>I have seen those links, 
<a href="http://jsfiddle.net/maniator/F6nJu/1/" rel="nofollow">http://jsfiddle.net/maniator/F6nJu/1/</a>
<a href="http://jsfiddle.net/JJfKM/138/" rel="nofollow">http://jsfiddle.net/JJfKM/138/</a>
but I can't apply they in my code.</p>

<p>Sorry for my english.</p>
