需要通过坐标识别Img标签

我需要更改包含特定x坐标的任何图像的颜色。但是，我现在使用的代码只给出了#scrollwrapper容器，而不是位于该位置的单个图像。需要通过坐标识别Img标签

var xHome = window.innerWidth/2; 
     var yHome = window.innerHeight/2; 
     var pElement = document.elementFromPoint(xHome, yHome); 
     alert (pElement.className);

这会在图像上获得包装容器，但不包含特定图像。该网站是coolaidhouse.com/projectcaptured

你可以看到那里的滚轮。我想调暗“活动”一侧的图像，该图像基本上是最接近中间的图像。

如果我能根据坐标获得图像，我可以完成其余的工作。但是，我无法弄清楚如何让图像代替容器。

下面是最终的结果应该是什么样子：

来源

2016-07-22 贝壳 - BeiKe

我如何将此标记为答案？ –

我的评论是一个建议，但我已经发布它作为答案，因为它解决了你的问题。 –

答案是里克希区柯克的评论。不知道如何将评论标记为答案。图像实际上尚未加载。

来源

2016-07-22 04:42:18

您的代码在从控制台运行时抓取图像。因此，在运行代码之前，您需要等待图像加载。

IMG元素有一个onload事件可以用于此目的。

来源

2016-07-25 13:35:57

需要通过坐标识别Img标签

回答

相关问题