Minimal Carousel With JavaScript And CSS – MiniWebCarousel

A lightweight and fast web carousel built on top of vanilla JavaScript and CSS/CSS3.

How to use it:

1. Load the stylesheet md_carousel.css and JavaScript md_carousel.js in the document.

<link rel="stylesheet" href="css/md_carousel.css" />
<script src="js/md_carousel.js"></script>

2. Add slides to the carousel. That’s it.

<div class="md_carousel" aria-label="Gallery">
  <div class="md_carouselViewport">
    <div class="md_carouselSlide">1</div>
    <div class="md_carouselSlide">2</div>
    <div class="md_carouselSlide">3</div>
    <div class="md_carouselSlide">4</div>
    <div class="md_carouselSlide">5</div>
  </div>
</div>