Javascript 在JS幻灯片中访问图像链接

初学者学习Javascript，请耐心等待。仅限Javascript。没有JQuery

我创建了一个Javascript幻灯片，通过更改img标记的类（不透明度值）（通过JS脚本中的for循环单独添加，而不是html）来淡入淡出图像

我似乎无法获取当前图像的链接以打开仅包含该图像的新页面。我试着用href链接在每个图像周围添加标签。这在调试器-->元素中看起来不错，但当我将鼠标悬停在图像上时，幻灯片放映会停止（根据请求），但它始终链接到最后一个图像链接，而不是当前图像链接

我首先尝试使用getAttribute（“href”），然后使用img标记的parentNode属性。两者都不起作用（只返回最后一个图像的href？？！！）。我想知道我如何访问它，并确保除当前图像周围的标签外的所有标签都隐藏或不活动？我尝试过的另一个选项是为图像（和元素）创建新的Div元素，但这也不起作用

---

JS Fiddle

将

z-index:100

添加到

#container img.show，a.show

规则中，以便可见项位于另一项之上，其链接将获得单击。

z-index属性指定元素的堆栈顺序。 具有较高堆栈顺序的元素始终位于具有较低堆栈顺序的元素的前面

资料来源：

现在make使当前元素位于堆栈顶部。使用下面的脚本

#container img.show, a.show {
opacity:1;
z-index:1000
}

---

请将代码添加到您的问题中。谢谢。我错过了显而易见的机会。该链接位于堆栈中最后一个链接的下方。谢谢你的帮助。