diff --git a/copyparty/web/baguettebox.js b/copyparty/web/baguettebox.js index f36ee554..1be12651 100644 --- a/copyparty/web/baguettebox.js +++ b/copyparty/web/baguettebox.js @@ -534,6 +534,10 @@ window.baguetteBox = (function () { preloadPrev(currentIndex); }); + clmod(ebi('bbox-btns'), 'off'); + clmod(btnPrev, 'off'); + clmod(btnNext, 'off'); + updateOffset(); overlay.style.display = 'block'; // Fade in overlay @@ -878,6 +882,12 @@ window.baguetteBox = (function () { else timer.rm(rotn); + el.onclick = function () { + clmod(ebi('bbox-btns'), 'off', 't'); + clmod(btnPrev, 'off', 't'); + clmod(btnNext, 'off', 't'); + }; + var prev = QS('.full-image.vis'); if (prev) clmod(prev, 'vis'); diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css index 51e66353..b1a4997f 100644 --- a/copyparty/web/browser.css +++ b/copyparty/web/browser.css @@ -1928,6 +1928,15 @@ html.y #bbox-overlay figcaption a { .bbox-btn { position: fixed; } +.bbox-btn, +#bbox-btns { + opacity: 1; + animation: opacity .2s infinite ease-in-out; +} +.bbox-btn.off, +#bbox-btns.off { + opacity: 0; +} #bbox-overlay button { cursor: pointer; outline: none;