A Small And a Easy proceedure to make the jquery Carousel

javaScript Code

<script>

$(document).ready(function() {

var img_array =[ "food1.jpg", "food3.jpg" ,"food4.jpg"];

var i=-1;

var interval=setInterval(function(){slide()},5000);

function slide()

{

                i++;

                $('#banner').attr('src',img_array[i]).effect("bounce","slow");

                if(i==2)

                {

                                i=-1;

                }             

}

});

</script>

HTML Code

<!-- start of slider-->

<section class="slider">

                 <img src="food4.jpg" id="banner" alt="banner" class="banner">

</section>

<!-- end of slider -->

Note:

• The img_array is an array with images.
• #banner is the ID for the Image.