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({
	php_doc_location: "http://www.agilecarousel.com/make_slides.php",
	remove_content: "no",
	disable_on_first_last: "yes",
	next_prev_buttons: "no",
	number_slides_visible: "3",
	path_to_slides: "http://www.agilecarousel.com/agile_carousel_html_slides",
	slide_buttons: "yes",
	slide_captions: "Agile Carousel: View Examples With Varied Settings|Agile Carousel: View Examples With Varied Settings|Agile Carousel: View Examples With Varied Settings|Agile Carousel: Project Hosted on Code.Google.com | Agile Carousel: Project Hosted on Code.Google.com | Agile Carousel: Project Hosted on Code.Google.com | Agile Carousel: Powered by PHP, JQuery &amp JQuery UI | Agile Carousel: Powered by PHP, JQuery &amp JQuery UI | Agile Carousel: Powered by PHP, JQuery &amp JQuery UI",
	slide_directory: "agile_carousel_html_slides",
	timer_on: "no",
	transition_duration: 1500,
	transition_easing: "easeOutQuint"
});
</script>

View More Examples

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

Agile Development

Agile Development can be used in website construction using a solid, easily changeable framework.