[presentation] Fixed clicked image alignment and scaling

1 files changed, 5 insertions, 3 deletions

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);