This example is from

Basic Slideshow

  • Timer
  • Fade Transition

Code Sample

<link rel="stylesheet" href="agile_carousel.css" type='text/css'>
<div class="slideshow" id="basic_slideshow"></div>
<script src=""></script>
<script src="agile_carousel/agile_carousel.a1.1.js"></script>

    $.getJSON("agile_carousel/agile_carousel_data.json", function (data) {
        $(document).ready(function () {
                carousel_data: data,
                carousel_outer_height: 228,
                carousel_height: 228,
                slide_height: 230,
                carousel_outer_width: 480,
                slide_width: 480,
                transition_type: "fade",
                timer: 4000

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