This example is from

Multiple Slides Visible

  • 3 Slides Visible
  • Circle Buttons

Code Sample

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

    $.getJSON("agile_carousel/agile_carousel_data.json", function(data) {
                carousel_data: data,
                carousel_outer_height: 230,
                carousel_height: 200,
                slide_height: 200,
                carousel_outer_width: 480,
                slide_width: 160,
                number_slides_visible: 3,
                transition_time: 330,
                control_set_1: "previous_button,next_button",
                control_set_2: "group_numbered_buttons",
                persistent_content: "<p class='persistent_content'>Agile Carousel Example: Multiple Slides Visible</p>"       

Agile development tool: This page is shows the JQuery Agile Carousel Plugin configuration for as a carousel (multiple slides visible at the same time). The plugin is intended for agile development. Easily build and customize a rotating banner for your agile web development process.