Materialize CSS Carousel

Materialize CSS Carousel

Materialized CSS carousel provides an easy way to make an image slider. It is also touch-enabled, which gives a smooth experience when we use it on mobile.

Note : This is also touch compatible! Try swiping with your finger to scroll through the carousel.

jQuery Script

To initialize materiliaze css carousel,use following jQuery code.


Source Code

Try it now

Full Width Slider

The carousel has a full-width option that makes it into a simple and elegant image carousel.

jQuery Script For Full With Carousel Initialization

To initialize materialize css full-width carousel, use following jQuery code.


Source Code

Try it now

Carousel With Content

The materialized CSS supports image as well as allows us to make content carousels. You can also add fixed items such as buttons to your carousel by adding a div with the .carousel-fixed-item class and adding your fixed content in there.

To initialize materialize CSS full-width carousel with content slider, use the following jQuery code.


Source Code

Try it now