diff options
author | Volpeon <git@volpeon.ink> | 2021-12-29 20:29:52 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-12-29 20:29:52 +0100 |
commit | 7d2f07146941fa1227d40b5caa2bb02ed6311baf (patch) | |
tree | e419fb1b06487af32538865d6cc796f4da864bf1 | |
parent | Keyboard-friendly lightbox (diff) | |
download | volpeon.ink-7d2f07146941fa1227d40b5caa2bb02ed6311baf.tar.gz volpeon.ink-7d2f07146941fa1227d40b5caa2bb02ed6311baf.tar.bz2 volpeon.ink-7d2f07146941fa1227d40b5caa2bb02ed6311baf.zip |
Lightbox optimizations
-rw-r--r-- | content/lightbox.js | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/content/lightbox.js b/content/lightbox.js index a3e3bc0..d6115b4 100644 --- a/content/lightbox.js +++ b/content/lightbox.js | |||
@@ -4,11 +4,11 @@ | |||
4 | 4 | ||
5 | const mainEl = document.querySelector("main"); | 5 | const mainEl = document.querySelector("main"); |
6 | const lightboxEl = document.querySelector(".c-lightbox"); | 6 | const lightboxEl = document.querySelector(".c-lightbox"); |
7 | const lightboxBgEl = document.querySelector(".c-lightbox__bg"); | 7 | const lightboxBgEl = lightboxEl.querySelector(".c-lightbox__bg"); |
8 | const lightboxCloseEl = document.querySelector(".c-lightbox__close"); | 8 | const lightboxCloseEl = lightboxEl.querySelector(".c-lightbox__close"); |
9 | const lightboxPrevEl = document.querySelector(".c-lightbox__prev"); | 9 | const lightboxPrevEl = lightboxEl.querySelector(".c-lightbox__prev"); |
10 | const lightboxNextEl = document.querySelector(".c-lightbox__next"); | 10 | const lightboxNextEl = lightboxEl.querySelector(".c-lightbox__next"); |
11 | const lightboxImgEl = document.querySelector(".c-lightbox__img"); | 11 | const lightboxImgEl = lightboxEl.querySelector(".c-lightbox__img"); |
12 | const figureEls = Array.from(mainEl.querySelectorAll("figure")).map(el => el.querySelector("a")); | 12 | const figureEls = Array.from(mainEl.querySelectorAll("figure")).map(el => el.querySelector("a")); |
13 | 13 | ||
14 | const show = () => { | 14 | const show = () => { |
@@ -29,11 +29,11 @@ | |||
29 | }; | 29 | }; |
30 | 30 | ||
31 | const prev = () => { | 31 | const prev = () => { |
32 | setIndex(currentIndex === 0 ? currentIndex : currentIndex - 1); | 32 | currentIndex === 0 ? void 0 : setIndex(currentIndex - 1); |
33 | }; | 33 | }; |
34 | 34 | ||
35 | const next = () => { | 35 | const next = () => { |
36 | setIndex(currentIndex === figureEls.length - 1 ? currentIndex : currentIndex + 1); | 36 | currentIndex === figureEls.length - 1 ? void 0 : setIndex(currentIndex + 1); |
37 | }; | 37 | }; |
38 | 38 | ||
39 | lightboxBgEl.addEventListener("click", hide); | 39 | lightboxBgEl.addEventListener("click", hide); |