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