Jquery Photogallery
<p>I am using following Jquery code for SlideShow</p>

<pre><code>&lt;head&gt;
&lt;title&gt;Simple Slide Show with jQuery&lt;/title&gt;
&lt;script type='text/javascript' 
src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js'&gt;
&lt;/script&gt;
&lt;script type="text/javascript"&gt;
    var imgs = [
    'images/photo_1.jpg',
    'images/photo_2.jpg',
    'images/photo_3.jpg'];
    var cnt = imgs.length;

    $(function() {
        setInterval(Slider, 5000);
    });

    function Slider() {
    $('#imageSlide').fadeOut("slow", function() {
        $(this).attr('src', imgs[(imgs.length++) % cnt]).fadeIn("slow");
    });
    }
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;img id="imageSlide" alt="" src="" /&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>I have all all images named like photo_1.jpg, photo_2.jpg and soon.. i am not sure that how many images will be there in the directory.</p>

<p>What i want to know is what code changes should i do so that </p>

<p>1) The jpgs are displayed automatically from that folder ( the image name will be always photo_number.jpg , number will be starting from 1,2,3.. and soon.</p>

<p>2) The slideshow should stop if there is no image available.</p>

<p>Is this possible ?</p>

<p>3) I dont want to use any Server Side Programming</p>
