On this page

Carousel

Responsive, touch-friendly carousels with natural feel. Easy to use, highly customizable and fully featured. Effortlessly combined with Fancybox or Panzoom.

Key Features

Combines touch navigation with transition effects
Supports any number of virtual slides
Smart infinite navigation without cloned elements
Two types of thumbnails

Examples

Basic example

1

2

3

4

5

Multiple slides

Set the width of slide elements using CSS, then the carousel will automatically create pages and center based on how many slides fit.

1

2

3

4

5

6

7

8

9

10

Vertical

1

2

3

4

5

Adaptive height

1

2

3

4

5

Right to left

1

2

3

4

5

Autoplay

1

2

3

4

5

Modern thumbnails

Classic thumbnails

Combine with Fancybox

You don't need to do any additional steps to combine Carousel with Fancybox. They will be automatically synced, no additional code is required.

Simply add data-fancybox and data-src attributes to the slide elements and then initialize the Carousel and Fancybox as usual.