Agile Carousel: JQuery Carousel Plugin

Example Using JQuery UI "Fold" Transition & "easeInOutExpo" Easing

This Example Uses the Below Script

	
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.2/jquery-ui.min.js"></script>
<script src="carousel_behavior_min.js"></script>
<script type="text/javascript">

$('#slide_holder').agile_carousel({
first_last_buttons: "yes",
hover_next_prev_buttons: "yes",
next_prev_buttons: "yes",
pause_button: "yes",
slide_buttons: "yes",
slide_captions: "JQuery Carousel Plugin|Agile Slide Types|JQuery UI Effects Available|Agile Settings|Carousel That's Built to Order",
slide_directory: "agile_dogs",
slide_links: "http://code.google.com/p/agile-carousel/downloads/list,http://code.google.com/p/agile-carousel/downloads/list,http://code.google.com/p/agile-carousel/downloads/list,http://code.google.com/p/agile-carousel/downloads/list,http://code.google.com/p/agile-carousel/downloads/list",
slide_number_display: "yes",
timer_length: "7000",
transition_duration: 1000,
transition_easing: "easeInQuad",
transition_type: "fold",
jquery_ui_effect_param: "direction",
jquery_ui_effect_value: "up",
water_mark: "agile carousel"
});