PixieSlider

<div id="slider-1" class="aspect-[16/9]">
	<div data-slide data-media="./img1.jpg"></div>
	<div data-slide data-media="./img2.jpg"></div>
	<div data-slide data-media="./img3.jpg"></div>
</div>

<script type="module">

  import { PixieSlider } from './slider/dist/index.es.js';


  const slider = new PixieSlider('pixie-slider', {
    paginationDots: true,
    progressBar: true,
    navigation: true,
    navAutoHide: true,
    navAutoHideDelay: 2000,
    fullscreen: true
  });
</script>