21 lines
669 B
HTML
21 lines
669 B
HTML
|
<!doctype html>
|
||
|
|
<link rel="stylesheet" href="../src/carousel.css" />
|
||
|
|
<div class="track" id="t" style="width:300px">
|
||
|
|
<div class="slide" id="s0">0</div>
|
||
|
|
<div class="slide" id="s1">1</div>
|
||
|
|
<div class="slide" id="s2">2</div>
|
||
|
|
</div>
|
||
|
|
<div id="dots">
|
||
|
|
<button type="button" aria-label="Slide 1"></button>
|
||
|
|
<button type="button" aria-label="Slide 2"></button>
|
||
|
|
<button type="button" aria-label="Slide 3"></button>
|
||
|
|
</div>
|
||
|
|
<script type="module">
|
||
|
|
import { dots } from '../dist/dots.js';
|
||
|
|
import { createCarousel } from '../dist/index.js';
|
||
|
|
|
||
|
|
const c = createCarousel(document.getElementById('t'));
|
||
|
|
dots(c, document.getElementById('dots'));
|
||
|
|
window.c = c;
|
||
|
|
</script>
|