Javascript 从缩略图切换新图像后，缩放仍显示原始图像

我使用图像缩放，代码如下：

函数图像缩放（imgID、resultID）{
var-img，lens，result，cx，cy；
img=document.getElementById（imgID）；
结果=document.getElementById（resultID）；
lens=document.createElement（“DIV”）；
镜头属性（“类”、“img变焦镜头”）；
img.parentElement.insertBefore（镜头，img）；
cx=结果.offsetWidth/镜头.offsetWidth；
cy=结果.偏视/镜头.偏视；
result.style.backgroundImage=“url（'”+img.src+“）”；
result.style.backgroundSize=（img.width*cx）+“px”+（img.height*cy）+“px”；
lens.addEventListener（“mousemove”，moveLens）；
img.addEventListener（“mousemove”，moveLens）；
lens.addEventListener（“触摸移动”，moveLens）；
img.addEventListener（“触摸移动”，移动镜头）；
result.style.display=“无”；
功能镜头（e）{
变量pos，x，y；
e、 预防默认值（）；
pos=getCursorPos（e）；
x=位置x-（镜头偏移宽度/2）；
y=位置y-（镜头离视/2）；
如果（x>img.width-lens.offsetWidth）{x=img.width-lens.offsetWidth；}
如果（x<0）{x=0；}
如果（y>img.height-lens.offsetHeight）{y=img.height-lens.offsetHeight；}
如果（y<0）{y=0；}
lens.style.left=x+“px”；
lens.style.top=y+“px”；
result.style.backgroundPosition=“-”+（x*cx）+“px-”+（y*cy）+“px”；
}
函数getCursorPos（e）{
变量a，x=0，y=0；
e=e | | window.event；
a=img.getBoundingClientRect（）；
x=e.pageX-a.左；
y=e.pageY-a.top；
x=x-window.pageXOffset；
y=y-window.pageYOffset；
返回{x:x，y:y}；
}
}
图像缩放（“我的图像”、“我的结果”）；

我使用以下简单代码切换图像：

功能更改\u img（img\u src）{
document.getElementsByName（“货物\u img”）[0].src=img\u src；
}

我的网址： 您可以单击带标志的缩略图图像，但缩放操作仍会显示不带标志的原始图像。

---

谢谢。

您必须将

myresult

的背景也更改为

img\u src

。 将函数更改为此

功能更改\u img（img\u src）{
document.getElementsByName（“货物\u img”）[0].src=img\u src；
document.getElementById（“myresult”）.style=`背景图像：url（${img_src}”）；背景大小：468.846px 468.846px；显示：无；背景位置：-256.846px-256.846px；`；
}

为了便于阅读，请将您的代码包装为“``我想我们可以对刚加入并提出第一个问题的用户表示一点宽容：）感谢比特人的编辑。和@scott_ease欢迎来到SO，请花点时间熟悉我们提供的代码格式化工具：