CarouSlide: jQuery plugin
'CarouSlide' is a silly name for a useful thing: a simple jQuery plugin for creating carousels and slideshows.
Examples of use
Customisation
The plugin is very customisable - here's a list of the configurable properties:
- slideTime: Amend the amount of time spent on each slide (default value: 5000)
- animTime: Amend the time (in milliseconds) the slide-to-slide animation takes (default value: 1000)
- autoAnim: Animate automatically, slideshow-style. Automatically adds pause button (default value: false)
- animInfinity: Wraps from last slide to first slide, infinitely (default value: false)
- alwaysNext: If true, only ever animates 1 slide width (regardless of which slide is next in order) (default value: false)
- animType: Available animation types: slide, slide-vertical, fade, none (default value: fade)
- showSlideNav: show/hide the slideshow navigation (default value: true)
- showBackNext: show the back/next buttons (available for all types of slideshow/carousel) (default value: false)
- showPauseButton: Does exactly what it says on the tin. (default value: false)
- navContainer: Allows you to use alternative navigation - other than one with the class 'slider-nav' (default value: ".slider-nav")
- sliderHolder: Specify a different element class name that holds the slide content (default value: ".slider-holder")
- hoverLinks: Activates slide navigation link on hover (only compatible with animType:"none") (default value: false)
- easingStyle: Add a custom easing style... just include the jquery.easing plugin in the page (supplied in the package), and use one of the easing styles therein (see easing-options.txt) (default value: null)