phga/phga.de-legacy
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Final fix for the zoom

Browse Source
This commit is contained in:
Toerd@480 2019-10-23 23:55:38 +02:00
parent e0b2685b16
commit 1c0add4bb1
2 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
inc/js/main.js
View File

@ -42,6 +42,8 @@ function showOverlay(overlay, imgName) {
let img = document.createElement("img"); let img = document.createElement("img");
// call my zoom function (zoom.js) // call my zoom function (zoom.js)
img.addEventListener("load", () => {zoom(0.4, imgName)}); img.addEventListener("load", () => {zoom(0.4, imgName)});
// fix for the zoom factor after resize
window.addEventListener("resize", () => {zoom(0.4, imgName)});
img.src = `/inc/images/${imgName}.jpg`; img.src = `/inc/images/${imgName}.jpg`;
img.id = imgName; img.id = imgName;
img.alt = imgName; img.alt = imgName;

5
inc/js/zoom.js
View File

@ -13,11 +13,8 @@ function zoom(factor, imgName) {
let offset = {x: img.width * factor, y: img.height * factor}; let offset = {x: img.width * factor, y: img.height * factor};
// Fix for firefox, somehow width larger than content (inline-block) // Fix for firefox, somehow width larger than content (inline-block)
magni.style.width = "100%";
magni.style.width = img.width; magni.style.width = img.width;
window.addEventListener("resize", () => {
magni.style.width = "60%";
magni.style.width = img.width;
});
// setup the padding (bigger zoom canvas) // setup the padding (bigger zoom canvas)
magni.style.padding = offset.y + "px " + offset.x + "px"; magni.style.padding = offset.y + "px " + offset.x + "px";
// adjust the margin to ged rid of the extra size gained from padding // adjust the margin to ged rid of the extra size gained from padding