menu

Base

Go to slide:
slide 5 to 7 of 7
0

Sunt dignissimos distinctio, veniam, tenetur aspernatur nulla!

1

Corrupti, libero minima nihil expedita officiis? Quo.

2

Alias rem, ab impedit recusandae repellat tempore. 

{
  "container": "#base",
  "items": 3,
  "slideBy": "page",
  "mouseDrag": true,
  "swipeAngle": false,
  "speed": 400
}

Start-index

slide 5 to 7 of 7
4

Nisi harum earum consectetur laudantium iusto, laboriosam.

5

Dolores blanditiis neque, quis vitae? Reprehenderit, aliquam.

6

Omnis dolorum eum blanditiis, ratione voluptates quod. 

{
  "container": "#start-index",
  "items": 3,
  "slideBy": "page",
  "loop": false,
  "startIndex": 6,
  "swipeAngle": false,
  "speed": 400
}

Non-loop

slide 1 to 3 of 7
0

Sunt dignissimos distinctio, veniam, tenetur aspernatur nulla!

1

Corrupti, libero minima nihil expedita officiis? Quo.

2

Alias rem, ab impedit recusandae repellat tempore. 

{
  "container": "#non-loop",
  "loop": false,
  "responsive": {
    "350": {
      "items": 2
    },
    "500": {
      "items": 3
    }
  },
  "swipeAngle": false,
  "speed": 400
}

Rewind

slide 1 to 3 of 7
0

Sunt dignissimos distinctio, veniam, tenetur aspernatur nulla!

1

Corrupti, libero minima nihil expedita officiis? Quo.

2

Alias rem, ab impedit recusandae repellat tempore. 

{
  "container": "#rewind",
  "items": 3,
  "rewind": true,
  "swipeAngle": false,
  "speed": 400
}

Center

slide 1 to 2 of 7
0

Sunt dignissimos distinctio, veniam, tenetur aspernatur nulla!

1

Corrupti, libero minima nihil expedita officiis? Quo. 

{
  "container": "#center",
  "items": 2,
  "center": true,
  "loop": false,
  "swipeAngle": false,
  "speed": 400
}

Fixedwidth

slide 13 to 17 of 7
0

Sunt dignissimos distinctio, veniam, tenetur aspernatur nulla!

1

Corrupti, libero minima nihil expedita officiis? Quo.

2

Alias rem, ab impedit recusandae repellat tempore.

3

Nisi inventore quo delectus perspiciatis voluptatibus, quae.

4

Nisi harum earum consectetur laudantium iusto, laboriosam. 

{
  "container": "#fixedWidth",
  "fixedWidth": 300,
  "swipeAngle": false,
  "speed": 400
}

Fixedwidth-edgepadding

slide 13 to 18 of 7
6

Omnis dolorum eum blanditiis, ratione voluptates quod.

0

Sunt dignissimos distinctio, veniam, tenetur aspernatur nulla!

1

Corrupti, libero minima nihil expedita officiis? Quo.

2

Alias rem, ab impedit recusandae repellat tempore.

3

Nisi inventore quo delectus perspiciatis voluptatibus, quae.

4

Nisi harum earum consectetur laudantium iusto, laboriosam. 

{
  "container": "#fixedWidth-edgePadding",
  "edgePadding": 50,
  "fixedWidth": 300,
  "swipeAngle": false,
  "speed": 400
}

Autowidth 

{
  "autoWidth": true,
  "items": 3.3,
  "gutter": 10,
  "mouseDrag": true,
  "swipeAngle": false,
  "container": "#autoWidth",
  "speed": 400
}

Autowidth-non-loop 

{
  "autoWidth": true,
  "loop": false,
  "mouseDrag": true,
  "container": "#autoWidth-non-loop",
  "swipeAngle": false,
  "speed": 400
}

Autowidth-lazyload 

{
  "autoWidth": true,
  "items": 3.3,
  "slideBy": 2.6,
  "gutter": 10,
  "mouseDrag": true,
  "lazyload": true,
  "container": "#autoWidth-lazyload",
  "swipeAngle": false,
  "speed": 400
}

Vertical

slide 5 to 7 of 7
0
1
2 
{
  "container": "#vertical",
  "items": 3,
  "axis": "vertical",
  "swipeAngle": false,
  "speed": 400
}

Responsive

slide 8 to 13 of 7
6

Omnis dolorum eum blanditiis, ratione voluptates quod.

0

Sunt dignissimos distinctio, veniam, tenetur aspernatur nulla!

1

Corrupti, libero minima nihil expedita officiis? Quo.

2

Alias rem, ab impedit recusandae repellat tempore.

3

Nisi inventore quo delectus perspiciatis voluptatibus, quae.

4

Nisi harum earum consectetur laudantium iusto, laboriosam. 

{
  "items": 2,
  "controls": false,
  "responsive": {
    "350": {
      "items": 3,
      "controls": true,
      "edgePadding": 30
    },
    "500": {
      "items": 4
    }
  },
  "container": "#responsive",
  "swipeAngle": false,
  "speed": 400
}

Mouse-drag

slide 5 to 7 of 7

Sunt dignissimos distinctio, veniam, tenetur aspernatur nulla!

Corrupti, libero minima nihil expedita officiis? Quo.

Alias rem, ab impedit recusandae repellat tempore. 

{
  "container": "#mouse-drag",
  "items": 3,
  "mouseDrag": true,
  "slideBy": "page",
  "swipeAngle": false,
  "speed": 400
}

Mouse-drag2

slide 5 to 7 of 7
0

Sunt dignissimos distinctio, veniam, tenetur aspernatur nulla!

1

Corrupti, libero minima nihil expedita officiis? Quo.

2

Alias rem, ab impedit recusandae repellat tempore. 

{
  "container": "#mouse-drag2",
  "items": 3,
  "mouseDrag": true,
  "slideBy": "page",
  "swipeAngle": false,
  "speed": 400
}

Gutter

slide 5 to 7 of 7
0

Sunt dignissimos distinctio, veniam, tenetur aspernatur nulla!

1

Corrupti, libero minima nihil expedita officiis? Quo.

2

Alias rem, ab impedit recusandae repellat tempore. 

{
  "container": "#gutter",
  "items": 3,
  "gutter": 10,
  "swipeAngle": false,
  "speed": 400
}

Edgepadding

slide 5 to 9 of 7
6

Omnis dolorum eum blanditiis, ratione voluptates quod.

0

Sunt dignissimos distinctio, veniam, tenetur aspernatur nulla!

1

Corrupti, libero minima nihil expedita officiis? Quo.

2

Alias rem, ab impedit recusandae repellat tempore.

3

Nisi inventore quo delectus perspiciatis voluptatibus, quae. 

{
  "container": "#edgePadding",
  "items": 3,
  "edgePadding": 50,
  "swipeAngle": false,
  "speed": 400
}

Arrowkeys

slide 5 to 7 of 7
0

Sunt dignissimos distinctio, veniam, tenetur aspernatur nulla!

1

Corrupti, libero minima nihil expedita officiis? Quo.

2

Alias rem, ab impedit recusandae repellat tempore. 

{
  "container": "#arrowKeys",
  "items": 3,
  "arrowKeys": true,
  "swipeAngle": false,
  "speed": 400
}

Autoplay

slide 5 to 7 of 7
0

Sunt dignissimos distinctio, veniam, tenetur aspernatur nulla!

1

Corrupti, libero minima nihil expedita officiis? Quo.

2

Alias rem, ab impedit recusandae repellat tempore. 

{
  "container": "#autoplay",
  "items": 3,
  "speed": 300,
  "autoplay": true,
  "autoplayHoverPause": true,
  "autoplayTimeout": 3500,
  "autoplayText": [
    "▶",
    "❚❚"
  ],
  "swipeAngle": false
}

Animation1

slide 1 to 2 of 7
{
  "container": "#animation1",
  "mode": "gallery",
  "items": 2,
  "animateIn": "jello",
  "animateOut": "rollOut",
  "speed": 1000,
  "swipeAngle": false
}

Lazyload

slide 6 to 10 of 5

Nisi harum earum consectetur laudantium iusto, laboriosam.

Sunt dignissimos distinctio, veniam, tenetur aspernatur nulla!

Corrupti, libero minima nihil expedita officiis? Quo.

Alias rem, ab impedit recusandae repellat tempore.

Nisi inventore quo delectus perspiciatis voluptatibus, quae. 

{
  "container": "#lazyload",
  "items": 3,
  "edgePadding": 40,
  "lazyload": true,
  "swipeAngle": false,
  "speed": 400
}

Customize

slide 6 to 8 of 5

Sunt dignissimos distinctio, veniam, tenetur aspernatur nulla!

Corrupti, libero minima nihil expedita officiis? Quo.

Alias rem, ab impedit recusandae repellat tempore. 

{
  "container": "#customize",
  "items": 3,
  "controlsContainer": "#customize-controls",
  "navContainer": "#customize-thumbnails",
  "navAsThumbnails": true,
  "autoplay": true,
  "autoplayTimeout": 1000,
  "autoplayButton": "#customize-toggle",
  "swipeAngle": false,
  "speed": 400
}

Autoheight

slide 2 of 5

Sunt dignissimos distinctio, veniam, tenetur aspernatur nulla! 

{
  "container": "#autoHeight",
  "autoHeight": true,
  "items": 1,
  "swipeAngle": false,
  "speed": 400
}

Nested

slide 1 of 7
slide 1 to 4 of 7
0

Sunt dignissimos distinctio, veniam, tenetur aspernatur nulla!

1

Corrupti, libero minima nihil expedita officiis? Quo.

2

Alias rem, ab impedit recusandae repellat tempore.

3

Nisi inventore quo delectus perspiciatis voluptatibus, quae. 

{
  "container": "#nested_inner",
  "items": 3,
  "nested": "inner",
  "edgePadding": 20,
  "loop": false,
  "slideBy": "page",
  "swipeAngle": false,
  "speed": 400
}
{
  "container": "#nested",
  "items": 1,
  "loop": false,
  "nested": "outer",
  "swipeAngle": false,
  "speed": 400
}