需要通过坐标

Question

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

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

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

你可以看到那里的卷轴。我想调暗“活动”项目一侧的图像，这基本上是最接近中间的图像。

如果我能根据坐标得到图像，我可以做其余的事情。但是，我无法弄清楚如何用图像代替容器。

以下是最终结果的样子：

Answer 1

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

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

Answer 2

答案在里克希奇科克的评论中。不过不知道如何将评论标记为答案。事实上这些图像尚未加载。