Javascript 获取IMG的正确位置并计算到屏幕右侧的距离

我一直在努力找到解决我遇到的问题的办法

我的网站有不同的缩略图，我添加了onmouseover/onmouseout功能。因此，如果将鼠标移到图片上，右上角将显示悬停图像（原始大小）

这一切都很好，但如果我有更大的图像，它将重叠我的拇指img和东西变得疯狂

所以我想要的是得到我的缩略图IMG标签的右侧位置，然后从屏幕大小中减去它。屏幕大小不是问题，但img标签的正确位置是

我怎样才能得到那个职位？（图中用粗体红线标出）

代码如下所示：

function imghover(id, src, width, height) {
        var thumb = document.getElementById(id);
        var hover = document.getElementById('hoverimg');
        alert(thumb.
        hover.src = src;
        if(width > screen.width){
            hover.width = (width / 100) * 20;
            hover.height =  (height/ 100) * 20;
        }
        else if(height > screen.height) {
            hover.width = (width / 100) * 40;
            hover.height =  (height/ 100) * 40;
        }
        else {
            hover.width = width;
            hover.height =  height;
        }
    
}

正如你们所看到的，我有我需要的一切：拇指ID，新图片（原件）的scr，原件的宽度和高度。那么如何获得拇指的右侧位置呢

---

提前多谢。

权利通常计算为

right=总屏幕宽度-left-sizeOfBox（或任何你想要的细节+-）

方程式是以相对的方式遵循的。。例如，假设整个事件都在div容器中，而不是在窗口中

你可以得到像这样的图像左

TotalEFT=image.getBoundingClientRect（）.left+imageParent.getBoundingClientRect（）.left+。。。。卡斯卡迪尼。。直到你们覆盖了从图像到窗口的每一个元素

---

或者使用jquery像$（#img）.position（）.left.一样使用它。。etc

以下是您的问题代码：

您可以在此处查看预览：

jQuery

$(document).ready(function(){
var a = $('img').offset().left + $('img').width(),
    b = $(window).width() - a;
alert("Position of right border of image: " + a + "px from left edge.\n Distance between right border and image = " + b + "px.");
});

---

我明白你的意思。那么我怎样才能从img中得到左边？它像拇指吗？左边？