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

Mobile js fix for height of zoom bg

Browse Source
This commit is contained in:
Toerd@480 2019-10-24 00:40:18 +02:00
parent 287f91420f
commit 34a21ffc85
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
inc/js/zoom.js
View File

@ -4,7 +4,7 @@
* images inside their box without touching the rest of the layout. * images inside their box without touching the rest of the layout.
* Author: phga/teord * Author: phga/teord
* Date: 2019-10-20 * Date: 2019-10-20
* Version: 1.1 * Version: 1.2
*/ */
function zoom(factor, imgName) { function zoom(factor, imgName) {
let img = document.getElementById(imgName); let img = document.getElementById(imgName);
@ -15,6 +15,11 @@ function zoom(factor, imgName) {
// 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 = "100%";
magni.style.width = img.width; magni.style.width = img.width;
// mobile fix (for some browsers)
if (Math.max(document.documentElement.clientWidth, window.innerWidth) < 800) {
magni.style.height = "50%";
magni.style.height = img.height;
}
// 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