work

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
 }