diff options
Diffstat (limited to 'src/slides.js')
| -rw-r--r-- | src/slides.js | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/src/slides.js b/src/slides.js index fad6472..e4f6406 100644 --- a/src/slides.js +++ b/src/slides.js @@ -32,14 +32,19 @@ class Slides { this.initImages() /* initialize seek buttons */ - const seekPrevButton = this.slidesContainer.querySelector("#prevSlide") - const seekNextButton = this.slidesContainer.querySelector("#nextSlide") + const seekPrevButton = this.slidesContainer.querySelector("#prev-slide") + const seekNextButton = this.slidesContainer.querySelector("#next-slide") seekPrevButton.addEventListener("click", () => { this.flickity.previous() ; this.seek() }) seekNextButton.addEventListener("click", () => { this.flickity.next() ; this.seek() }) /* initialize seek callback */ apiConnector.seekCallbacks.push(c => { this.seekCallback() }) + + /* initialize top controls */ + const assetDownloadButton = this.slidesContainer.querySelector("#download") + + assetDownloadButton.addEventListener("click", () => { apiConnector.assetDownload(apiConnector.currentAsset) }) } seek() { @@ -72,7 +77,7 @@ class Slides { const x = (i + this.selectedIndex + 6) % this.flickity.cells.length const e = this.flickity.cells[x].element const img = e.firstElementChild - img.src = apiConnector.assetSrc(apiConnector.assets[i]) + img.src = apiConnector.assetPreviewSrc(apiConnector.assets[i]) } } |