Carousel

Nested carousels are not supported.

Basic Example

Optional captions

Interval Option

The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle.Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-interval="".

Pause Option

If set to "hover", pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave. If set to null, hovering over the carousel won't pause it.

Wrap Option

Whether the carousel should cycle continuously or have hard stops. Default: true

Keyboard Option

Whether the carousel should react to keyboard events. Default: false

Crossfade

Add .carousel-fade to your carousel to animate slides with a fade transition instead of a slide.

Files

Members

VueAdmin

Basic Example

Optional captions

First Slide Label

Second Slide Label

Third Slide Label

Interval Option

Pause Option

Wrap Option

Keyboard Option

Crossfade

5 New

You have new order!

99% Server load

Warning notifixation

Complete the task

Generate monthly report

Files

Members

Carousel

Basic Example

Optional captions

First Slide Label

Second Slide Label

Third Slide Label

Interval Option

Pause Option

Wrap Option

Keyboard Option

Crossfade