From bccb3540e396c2809b49f7b8aede8d0d42f81371 Mon Sep 17 00:00:00 2001 From: Syndamia Date: Sat, 4 Mar 2023 09:15:00 +0200 Subject: [presentation] Fixed clicked image alignment and scaling --- src/scripts/presentation.js | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) (limited to 'src/scripts/presentation.js') diff --git a/src/scripts/presentation.js b/src/scripts/presentation.js index 930c7b0..df80183 100644 --- a/src/scripts/presentation.js +++ b/src/scripts/presentation.js @@ -86,9 +86,11 @@ presentBtn.addEventListener('click', function() { }); function fixAbsoluteSlideScale() { - var tr = 'translate(-50%, -50%) scale(' + Math.min(window.innerHeight / slides[0].offsetHeight, window.innerWidth / slides[0].offsetWidth) + ')' - // Update transform - document.styleSheets.item(3).cssRules[1].style.transform = tr; + var scale = Math.min(window.innerHeight / slides[0].offsetHeight, window.innerWidth / slides[0].offsetWidth); + // Update .absolute-slide + document.styleSheets.item(3).cssRules[1].style.transform = 'translate(-50%, -50%) scale(' + scale + ')'; + // Update .clicked-image + document.styleSheets.item(3).cssRules[2].style.transform = 'translate(-50%, -50%) scale(' + (1/scale) + ')'; } window.addEventListener('resize', fixAbsoluteSlideScale); -- cgit v1.3.1-23-gd82d