Setting up multiple carousels on same page

Possible / how to do something like this?

import EmblaCarousel from 'embla-carousel';

var elements = document.querySelectorAll("li.carouselparent");

for (var i= 0; i < elements.length; i++) {
  const emblaNode = document.querySelector('.embla');
  const options = { loop: true };
  const embla = EmblaCarousel(emblaNode, options);
}

[davidjerleke]

Thanks Stewart (@MetaBureau). I’m glad I could help 🙂.

If you like this project after trying it for some time and want to support it, please consider recommending it to a friend and/or giving it a star. Don’t feel obligated to, but it really helps.

Cheers! David

[davidjerleke]

Hello Stewart (@MetaBureau),

Here’s a CodeSandbox demonstration of how to initialise multiple carousels on a page with dot, previous and next navigation.

I hope this helps!

Best, David