mirror of
https://git.phreedom.club/localhost_frssoft/bloat.git
synced 2024-11-22 12:01:27 +00:00
Fix image preview position on load event
This commit is contained in:
parent
556a87e8e8
commit
21ef7a6610
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue