Carousel

An image/content carousel with autoplay.

Installation

npm install @jai-sanghvi/carousel

Setup

In your HTML file

<div class="carousel-container">
    <div class="slides-container">
      <div class="slide">1</div>
      <div class="slide">2</div>
      <div class="slide">3</div>
      <div class="slide">4</div>
      <div class="slide">5</div>
    </div>
  </div>

In your JavaScript file

import { Carousel } from '@jai-sanghvi/carousel';

const carouselContainer = document.querySelectorAll('.carousel-container');

for (let container of carouselContainer) {
  const carousel = new Carousel(container);
  carousel.init();
}

By default, the carousel will autoplay every 5 seconds. You can turn off autoplay by -

const carousel = new Carousel(container, false);

To change the autoplay interval, pass the number of milliseconds as the third argument.

const carousel = new Carousel(container, true, 4000);