javascript轮播不起作用

Question

我目前正在做一个与此http://www.agilecarousel.com/carousel_example.htm类似的项目，但是使用提供的代码对我不起作用我已经包含了所有路径。可以为我提供一些解决方案或者关于如何做图像轮播的建议？

这是我目前的代码：

<link rel="stylesheet" href="smplecarousel/agile_carousel.css" type='text/css'>
   <div class="slideshow" id="multiple_slides_visible"></div>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.js"></script>
   <script src="smplecarousel/agile_carousel.a1.1.min.js"></script>
    <script>
    $.getJSON("smplecarousel/agile_carousel_data.php", function(data) {
        $(document).ready(function(){
            $("#multiple_slides_visible").agile_carousel({
                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>"       
            });
        });
    });
</script>