Full Example: Carousel Transition with All the Bells and Whistles

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.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: "easeOutBack",
transition_type: "carousel",
water_mark: "yes"
});</script>