Scroll images over and over again without having to click the next or previous button
<pre><code>&lt;script&gt;
     $(document).ready(function () {
            var speed = 600;

            $('#navPrev').click(function () {
                $('#carouselul').animate({ marginLeft: '-280px' }, speed);
            });

            $('#navNext').click(function () {
                $('#carousel ul').animate({ marginLeft: '1px' }, speed);
            });
        });

    $('#carousel ul').toggle(
        function() {
            $('#drop').hide('drop', { direction: 'right' }, 1000);
        },
        function() {
            $('#drop').show('drop', { direction: 'down' }, 500);
        }
    );
&lt;/script&gt;

&lt;style type="text/css"&gt;
    #container {height:100px; width:500px; font-family:Tahoma;}
    #carousel { height:100px; width:500px; border:1px solid #000;
    overflow:hidden;}
    #carousel ul { list-style-type:none;margin-top:4px; width:2000px; margin-
    left:0; left:0; padding-left:1px;}
    #carousel li { display:inline;}
    #carousel ul li img{ width:90px; height:90px; border:1px solid #ccc;
        float:left; }
    #navPrev {float:left;}
    #navNext {float:right;}
&lt;/style&gt;
</code></pre>

<p>Hopefully, it's complete now.</p>
