Minimal Carousel With JavaScript And CSS – MiniWebCarousel

Category: Javascript , Slider | March 11, 2022
Author:uexilon
Views Total:625 views
Official Page:Go to website
Last Update:March 11, 2022
License:MIT

Preview:

Minimal Carousel With JavaScript And CSS – MiniWebCarousel

Description:

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>

You Might Be Interested In:


Leave a Reply