boost_js_carousel_quickstart_dom_init_with_options.ts

1import { Carousel, CarouselOptions } from 'boost-js-carousel';
2
3// Define the carousel configuration options
4const options: CarouselOptions = {
5    interval: 5000,
6    pause: 'hover',
7    wrap: true,
8    keyboard: true
9};
10
11// Select the carousel element from the DOM
12const carouselElement = document.querySelector<HTMLElement>('#myCarousel');
13
14if (carouselElement) {
15    // Initialize the carousel
16    const myCarousel = new Carousel(carouselElement, options);
17
18    // Optional: Cycle to a specific slide or start cycling
19    myCarousel.cycle();
20}