diff options
Diffstat (limited to 'src/slides.js')
| -rw-r--r-- | src/slides.js | 14 |
1 files changed, 12 insertions, 2 deletions
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 } |