From 51be71d8943f6e5e0c4b28358f227860c73d53a7 Mon Sep 17 00:00:00 2001 From: Tim Keller Date: Sun, 11 May 2025 13:35:06 -0500 Subject: work --- src/slides.js | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) (limited to 'src/slides.js') diff --git a/src/slides.js b/src/slides.js index 149db98..8b4080f 100644 --- a/src/slides.js +++ b/src/slides.js @@ -1,7 +1,8 @@ const Flickity = require("flickity") import "flickity/dist/flickity.min.css" +import apiConnector from "./connector.js" -export default function initSlides() { +export default function initSlides(slidesContainer) { /* Flickity function for scrolling to ensure next and prev pics are always * visible and to transition between states */ function scroll(progress) { @@ -43,7 +44,7 @@ export default function initSlides() { function imageLoaded(e) { positionImageStatic(e.target) } function initImages() { - const imgs = document.querySelectorAll("#slideshow-carousel img") + const imgs = slidesContainer.querySelectorAll("#slideshow-carousel img") for (let i = 0; i < imgs.length; i++) { const img = imgs[i] img.dataset.index = i @@ -65,5 +66,14 @@ export default function initSlides() { flkty.on("scroll", scroll) flkty.on("staticClick", staticClick) initImages() + + /* initialize seek buttons */ + const seekPrevButton = slidesContainer.querySelector("#prevSlide") + const seekNextButton = slidesContainer.querySelector("#nextSlide") + + seekPrevButton.addEventListener("click", () => { apiConnector.seek(-1) }) + seekNextButton.addEventListener("click", () => { apiConnector.seek(+1) }) + + /* done */ return true } -- cgit v1.2.3