diff --git a/src/lib/components/Carousel.svelte b/src/lib/components/Carousel.svelte index c97da05..f3fdca3 100644 --- a/src/lib/components/Carousel.svelte +++ b/src/lib/components/Carousel.svelte @@ -21,6 +21,16 @@ let index = $state(0); let paused = $state(false); let timer: ReturnType | null = null; + let touchStartX = 0; + + function onTouchStart(e: TouchEvent) { + touchStartX = e.touches[0].clientX; + } + function onTouchEnd(e: TouchEvent) { + const dx = e.changedTouches[0].clientX - touchStartX; + if (Math.abs(dx) < 40) return; + if (dx < 0) next(); else prev(); + } function prev() { if (count > 0) index = (index - 1 + count) % count; @@ -67,7 +77,7 @@ {/if} -
+
{#each { length: count } as _, i}
{@render defaultCard(o, linkUrl, logoField, orgIndex)}