Fix image preview position on load event

This commit is contained in:
r 2022-01-02 08:55:21 +00:00
parent 556a87e8e8
commit 21ef7a6610
1 changed files with 8 additions and 2 deletions

View File

@ -233,17 +233,21 @@ function setPos(el, cx, cy, mw, mh) {
} }
var imgPrev = null; var imgPrev = null;
var imgX = 0;
var imgY = 0;
function handleImgPreview(a) { function handleImgPreview(a) {
a.onmouseenter = function(e) { a.onmouseenter = function(e) {
var mw = document.documentElement.clientWidth; var mw = document.documentElement.clientWidth;
var mh = document.documentElement.clientHeight - 24; var mh = document.documentElement.clientHeight - 24;
imgX = e.clientX;
imgY = e.clientY;
var img = document.createElement("img"); var img = document.createElement("img");
img.id = "img-preview"; img.id = "img-preview";
img.src = e.target.getAttribute("href"); img.src = e.target.getAttribute("href");
img.style["max-width"] = mw + "px"; img.style["max-width"] = mw + "px";
img.style["max-height"] = mh + "px"; img.style["max-height"] = mh + "px";
img.onload = function(e2) { img.onload = function(e2) {
setPos(e2.target, e.clientX, e.clientY, mw, mh); setPos(imgPrev, imgX, imgY, mw, mh);
} }
document.body.appendChild(img); document.body.appendChild(img);
imgPrev = img; imgPrev = img;
@ -259,7 +263,9 @@ function handleImgPreview(a) {
return; return;
var mw = document.documentElement.clientWidth; var mw = document.documentElement.clientWidth;
var mh = document.documentElement.clientHeight - 24; var mh = document.documentElement.clientHeight - 24;
setPos(imgPrev, e.clientX, e.clientY, mw, mh); imgX = e.clientX;
imgY = e.clientY;
setPos(imgPrev, imgX, imgY, mw, mh);
} }
} }