My favorites | Sign in
Project Logo
                
Feeds:
People details
Project owners:
  edtalmadge

Agile Carousel - JQuery Plugin

View Examples!

Featured Example: http://www.agilecarousel.com/examples/multi_example/carousel.html

All the Bells and Whistles: http://www.agilecarousel.com/examples/full_example/carousel.html

JQuery UI example: http://www.agilecarousel.com/examples/jqueryui_example/carousel.html

simple example: http://www.agilecarousel.com/examples/simple_example/carousel.html

Download

http://code.google.com/p/agile-carousel/downloads/list

Currently in beta version. Security & Feature enhancements on the way!

Jquery plugin that allows you to easily create a custom carousel. Call Jquery UI to enable many different additional transition types and easing methods. Uses PHP to draw images from the folder you specify. Configure many different options including controls, slide timer length, easing type, transition type and more!

Example Plugin Usage

Add the provided file "make_slides.php" to the same directory as the document that contains the slideshow. The file "slideshow.css" should also be used & modified as needed.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script src="slide_behavior_min.js"></script>
<script type="text/javascript">
	
 $('#slide_holder').agile_carousel();

</script>

Plugin Options

Standard Jquery transition types that do not require JQuery UI

Transition Types That Do Require Jquery UI

"line through", like this means not supported.

"transition type / JQuery UI effect name"
("option" | "value")
blind
(direction | "horizontal", "vertical")
clip
(direction | "horizontal", "vertical")
drop
(direction | "down", "up", "left", "right")
explode
(number | integer... the number of pieces)
fold
(size | integer... height of fold)
pulsate
(times | integer... times to pulsate)
puff
(percent | integer... percentage of size to scale to)
scale
(from | default = { height: .., width: .. }, ...state at beginning, usually not needed.), (direction | 'both', 'vertical', 'horizontal'... dimensions that will be scales), (origin | default = 'middle','center'... the vanishing point, default for show/hide), (percent | integer ...the percentage to scale to, number)
shake
(direction | "up", "down", "left", "right") (distance | integer... distance to shake) (times | integer... number of times to shake)
slide
(direction | "down", "up", "left", "right")

Transition Types That Do Not Require JQuery UI

Transition Types that do require JQuery UI









Hosted by Google Code