PM-Carousel

Full documentation on GitHub

PM-Carousel, for "Pimp My Carousel" is a pretty small, accessible and vanilla JavaScript to manage your carousels. It has no dependencies!

Complete example

const demo1 = document.querySelector("#demo1") pmCarousel({}, demo1);

Fashion news

Content of panel 1

Fragrance news

Content of panel 2

Beauty news

Content of panel 3

Fashion news

Content of panel 4

Fragrance news

Content of panel 5

With Pause/Play button

Fashion news

Content of panel 1

Fragrance news

Content of panel 2

Beauty news

Content of panel 3

Fashion news

Content of panel 4

Fragrance news

Content of panel 5

With Previous/Next buttons

Fashion news

Content of panel 1

Fragrance news

Content of panel 2

Beauty news

Content of panel 3

Fashion news

Content of panel 4

Fragrance news

Content of panel 5

With pagination

Fashion news

Content of panel 1

Fragrance news

Content of panel 2

Beauty news

Content of panel 3

Fashion news

Content of panel 4

Fragrance news

Content of panel 5

With pagination and Previous/Next buttons

Fashion news

Content of panel 1

Fragrance news

Content of panel 2

Beauty news

Content of panel 3

Fashion news

Content of panel 4

Fragrance news

Content of panel 5

With passive pagination indicator and Previous/Next buttons

Fashion news

Content of panel 1

Fragrance news

Content of panel 2

Beauty news

Content of panel 3

Fashion news

Content of panel 4

Fragrance news

Content of panel 5

Responsive example

const demo7 = document.querySelector("#demo7") pmCarousel({ default: { group: 1, }, responsive: [ { minWidth: "400px", group: 2, }, { minWidth: "600px", disable: true, }, { minWidth: "800px", group: 3, autoplay: 4000, }, ] }, demo7);

Fashion news

Content of panel 1

Fragrance news

Content of panel 2

Beauty news

Content of panel 3

Fashion news

Content of panel 4

Fragrance news

Content of panel 5