Slick Slider - Image Slider (Three Wide)
Using centerMode
Card image cap
Card Title 1

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 2

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 3

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 4

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 5

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 6

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 7

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 8

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 9

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 10

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Not using centerMode
Card image cap
Card Title 1

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 2

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 3

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 4

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 5

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 6

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 7

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 8

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 9

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Card image cap
Card Title 10

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam sapiente quibusdam labore adipisci.

Some info on these demos.

  1. The standard card slider with the settings updated to display five cards at a time in desktop viewports and 1 in mobile.
  2. The first demo uses the default slickInit() settings, which includes the centerMode setting enabled by default.
  3. The second demo has centerMode set to false, disabling it, allowing the slider to slide more than 1 at a time.