Pure-js Carousel
Installation:
npm i @reuzun/carousel
Example usage :
Before using it:
<head>
...
<script src="./node_modules/@reuzun/carousel/dist/bundle.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
let catCarousel = new Carousel(document.getElementById("cats"));
new Carousel(document.getElementById("texts"));
new Carousel(document.getElementById("book"));
catCarousel.setActiveItemByIndex(2);
});
</script>
...
</head> <div class="carousel" id="cats">
<div class="carousel-item carousel-item-active">
...
</div>
<div class="carousel-item">
...
</div>
<div class="carousel-item">
...
</div>
<div class="carousel-item">
...
</div>
</div>