在shopify的商品展示页面 写一个js函数，函数作用是当鼠标结果商品展示的图片区域时，会展示一张1.2倍的新图片，请详细解释新展示的图片来源，如果新图片来源由后台添加 如何写此路径

当鼠标悬浮在商品展示的图片区域时，展示一张1.2倍大小的新图片，这可以通过JavaScript实现。新展示的图片可以是预先加载好的或者实时从服务器获取的。

如果新图片来源由后台添加，可以在后台将图片存储在服务器上的特定文件夹中，然后在前端通过指定图片的文件路径来获取新图片。例如，如果后台将新图片存储在名为“new_images”的文件夹中，那么可以通过以下代码来获取新图片：

function showNewImage(event) {
  let image = event.target;
  let newImage = new Image();
  newImage.src = "new_images/" + image.src.split("/").pop();
  newImage.width = image.width * 1.2;
  newImage.height = image.height * 1.2;
  image.parentNode.replaceChild(newImage, image);
}

在这个代码中，我们首先获取鼠标悬浮的图片元素，然后通过创建一个新的Image对象来获取新的图片。我们指定新图片的路径为“new_images/”加上当前图片路径的最后一部分，即当前图片的文件名。最后，我们设置新图片的大小为当前图片大小的1.2倍，并将其替换掉当前图片。