This example is from
agilecarousel.com

Slideshow:
Flavor 1

  • Prev & Next Buttons Fade In/Out
  • Numbered Buttons
  • Sliding Transition


Code Sample

<link rel="stylesheet" href="agile_carousel.css" type='text/css'>
<div class="slideshow" id="flavor_1"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.js"></script>
<script src="agile_carousel/agile_carousel.a1.1.min.js"></script>

<script>
    $.getJSON("agile_carousel/agile_carousel_data.php", function(data) {
        $(document).ready(function(){
            $("#flavor_1").agile_carousel({
                carousel_data: data,
                carousel_outer_height: 228,
                carousel_height: 228,
                slide_height: 230,
                carousel_outer_width: 480,
                slide_width: 480,
                transition_time: 300,
                timer: 4000,
                continuous_scrolling: true,
                control_set_1: "numbered_buttons",
                no_control_set: "hover_previous_button,hover_next_button"
            });
        });
    });
</script>

Agile development tool: This page is shows the JQuery Agile Carousel Plugin with a variety of controls. The plugin is intended for agile development. Easily build and customize a rotating banner for your agile web development process.