The Above Example Uses the Below Script

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.2/jquery-ui.min.js"></script>
<script>
$('#slide_holder').agile_carousel({
	path_to_slides: "http://www.agilecarousel.com/agile_carousel_home_slides",
    php_doc_location: "http://www.agilecarousel.com/make_slides.php",
    remove_content: "no",
    slide_buttons: "yes",
    slide_directory: "http://www.agilecarousel.com/agile_carousel_home_slides",
    transition_type: "fade",
    next_prev_buttons: "no",
    // jquery ui effects
    transition_easing: "easeInQuad",
    transition_type: "fold",
    jquery_ui_effect_param: "direction",
    jquery_ui_effect_value: "up"
});
</script>

View More Examples

>> Multiple Slides Demo
>> Full UI Demo
>> Simple Demo
>> JQuery UI Effects Demo

Agile Webiste Development

Agile Website Development is possible by using a solid base of easily modified resources.