Carousel creates a carousel similar to bootstrap's image carousel.

The carousel also offers support for touchscreen devices in the form of swiping. To enable swiping, load the ngTouch module as a dependency.

Use a <uib-carousel> element with <uib-slide> elements inside it.

uib-carousel settings

• active (Default: Index of first slide) - Index of current active slide.

• interval $ (Default: none) - Sets an interval to cycle through the slides. You need a number bigger than 0 to make the interval work.

• no-pause $ (Default: false) - The interval pauses on mouseover. Setting this to truthy, disables this pause.

• no-transition $ (Default: false) - Whether to disable the transition animation between slides. Setting this to truthy, disables this transition.

• no-wrap $ (Default: false) - Disables the looping of slides. Setting no-wrap to an expression which evaluates to a truthy value will prevent looping.

• template-url (Default: uib/template/carousel/carousel.html) - Add the ability to override the template used on the component.

uib-slide settings

• actual $ (Default: none) - Use this attribute to bind the slide model (or any object of interest) onto the slide scope, which makes it available for customization in the carousel template.

• index $ (Default: none) - The index of the slide. Must be unique.

• template-url (Default: uib/template/carousel/slide.html) - Add the ability to override the template used on the component.