如何添加其他图像模式（W3S代码）？

Question

我在W3S中找到了这段代码：

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal_img

我无法弄清楚如何在现有图像旁边添加另一个图像模式。

我敢打赌，这对于理解javascript的人来说很容易，不幸的是我没有，如果有人解释的话会很高兴。

谢谢！

Answer 1

他们提供的代码存在的问题是JavaScript依赖于图像ID，您只能在整个文档中拥有一个图像ID。 通过主要交换;     var img = document.getElementById('myImg'); 用;     var imageList = document.querySelectorAll('img'); 并循环结果，您将能够添加多个图像。

我更新了代码作为示例，在JSFiddle上有两个图片，希望您会发现它很有用。