These carousels are powered by slick.js. The example below is a basic initialization.

Set number of slides to show for carousel by setting slidesToShow property.

Set slides to show for carousel by setting responsive property.

Set variableWidth: true to enabled width features and set variableWidth property for width.

Set fade: true to enabled fade effect and set fade property for linear speed.

Set adaptiveHeight: true to enabled height features and set adaptiveHeight property for height.

Look ma!

Check
this out!

Woo!

Centered carousel, you can enable this feature by setting centerMode: true.

To use lazy loading, set a data-lazy attribute on your img tags and leave off the src.

Set autoplay: true to enabled autoplay features and set autoplaySpeed property for autoplay speed.

Sync your carousels and make one of them as navigation, look the example.