This example is from
agilecarousel.com

Slideshow:
Flavor 3

  • Vertical "Content Buttons"
  • Sliding Transition


Code Sample

<link rel="stylesheet" href="agile_carousel/agile_carousel.css" type='text/css'>
<div class="slideshow" id="flavor_3"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.js"></script>
<script src="agile_carousel/agile_carousel.a1.1.js"></script>
		
<script>
    $.getJSON("agile_carousel_data.json", function(data) {
        $("#flavor_3").agile_carousel({
            carousel_data: data,
            carousel_outer_height: 220,
            carousel_height: 220,
            slide_height: 220,
            carousel_outer_width: 480,
            slide_width: 480,
            transition_time: 700,
            timer: 4000,
            continuous_scrolling: true,
            control_set_1: "content_buttons"
        });
    });
</script>

Agile development tool: This page is shows the JQuery Agile Carousel Plugin with vertically stacked "content buttons". The plugin is intended for agile development. Easily build and customize a rotating banner for your agile web development process.